*{margin:0;padding:0;box-sizing:border-box;}

		.cp_js{
			width: 100%;
			padding: 0px 4px;
		}
		.cp_js img{
			max-width: 100%;
		}
.wz_t{
	width: 100%;
	margin-top: 60px;
	margin-bottom: 20px;
}
.wz_t h2{
	text-align: center;
	color: black;
	margin: 0 auto;
}
.wz_t p{
	text-align: center;
	color: black;
	margin-top: 10px;
}
body{font-family:'微软雅黑';overflow-x: hidden;overflow-y: scroll;}





ul, li{list-style:none}



a{text-decoration:none;-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}



/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/

a {






    z-index: 5;



}



.sp_header{height:70px;overflow:hidden;background:rgba(143,143,143,0.7);;position:fixed;z-index:1;width:100%;display: none;}



.sp_logo{padding:10px;float:left;height:70px}



.sp_logo img{margin:auto;max-height:50px;}



.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}



.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}



.sp_nav span:nth-of-type(1){top:0px}



.sp_nav span:nth-of-type(2){top:10px}



.sp_nav span:nth-of-type(3){top:20px}



.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}



.sp_nav_se span:nth-of-type(2){width:0}



.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}



.sjj_nav{position:fixed;z-index:90000000001;background:rgba(143,143,143,0.7);width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}



.nav_show{top:70px}



.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}



.sjj_nav>ul>li:first-child>a{float:left;width:100%}



.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}



.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #eee solid;text-align:center;color:#999;}



.sjj_nav ul li i{position:absolute;top:6px; right:0px;border-left:1px #eee solid;height:30px;padding:0px 7px 0 7px;z-index: 9}



.sjj_nav ul li i svg{transform:rotate(-90deg);margin-top: 6px; transition:all ease 0.35s}



.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}



.sjj_nav ul li{border-top:1px #eee solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}



.sjj_nav>ul >li:last-child{border-bottom:1px #eee solid;}



.sjj_nav ul li ul{display:none;



}



.hm-t-go-top{



	display: none!important;



}



.sjj_nav ul li ul li{



	height: 41px;



}



.sjj_nav ul li a{color:#fff;opacity: 0.7;width:100%;position: relative;z-index: 4;}







.sjj_nav ul li a:hover{



	color: #fff;opacity: 1;



}



.sjj_nav ul li ul li a{color:#fff;opacity: 0.7; display:block;text-align:left;}



.sjj_nav ul li ul li a:hover{



	color: #fff;opacity: 1;



}



.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;}



.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}



.sjj_nav ul li ul li>ul{margin-left:10px}



/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/



.xwf a{



	display: inline;



}



.xwf2 ul li a{



	display: inline;



}







.xwz1{margin-top: 25px;}



.xwz1 ul{



	width: 340px;margin: 0 auto;



	display: block;



	



}



.xwz4{



	width: 120px;



	height: 120px;



	background: #0099e4;



	border-radius: 15px;



	position: relative;



	overflow: hidden;



	float: left;



}.xwz4 h4{







	font-size: 60px;



	line-height: 85px;



	font-weight: bold;



	text-align: center;



	margin: 0;



	color: #fff;



}



.xwz41 h6{



	



	font-size: 18px;



	line-height: 35px;







	text-align: center;



	margin: 0;



	color: #fff;



	background: #0089cd;



}











.xwz6 p{



	font-size: 14px;



	line-height: 28px;







	text-align: justify;



	margin: 0;



	color: #666666;



}



.xwz7{



	float: right;



	width: 95px;



	box-sizing: border-box;



	height: 25px;



	line-height: 24px;



	border: 1px solid #5eaeff;



	text-align: center;



}



.xwz7 img{



	float: left;



}



.xwz7 h6{



	font-size: 14px;



	line-height: 14px;



float: left;



	margin: 0;



	color: #eb4f38;



}



.xwz6 h4:hover{



	color: #f86312;



}



.xwz6 p:hover{



	color: #000;



}



.ch{



	width: 95%;



	margin-top: 50px;



}



.ch .row{



	width: 53%;



	float: left;



}.xwz4:hover{



	background: #eb4f38;



}



.xwz4:hover .xwz41 h6{



	background: #d34732;



}



.xwz3{



	background: #f7f7f7;



	width: 47%;



	float: left;



margin-right: 3%;



	margin-top: 40px;







}







.lxxw1{



	width: 30%;



	float: left;



	margin: 0 1.5%;



	background: #fff;



	border: 1px solid #fff;



	border-radius: 8px;



	overflow: hidden;







}



.lxxw1 img{



	



width: 100%;



	







}



.lxxw1 h4{



	padding: 0 20px;



	font-size: 18px;



	line-height: 40px;



	



}



.lxxw1:hover h4{



	color: #3399ff



}.lxxw1:hover p{



	color: #3399ff



}



.lxxw1 p{



	padding: 0 20px;



	font-size: 14px;



	line-height: 26px;



	



}



.lxfs1{



	width: 33.33%;



	float: left;



padding: 0 20px 0 50px;



	border-right: 1px solid  #171717;



}



.lxwmz h3{



	font-size: 30px;



padding-bottom: 10px;



	color: #171717;







	text-align: center;margin: 0;display: block;



	line-height: 40px;







}.lxwmz {



    padding: 50px 0;



}



.lxfs1 h4{



	font-size: 22px;







	color: #171717;



margin-bottom: 20px;



	line-height: 30px;







}.lxfs1  ul li{



	font-size: 16px;







	color: #7b7b7b;







	line-height: 30px;







}



.lxfs1  ul li span{



	color:  #171717;



	margin-right: 5px;



}



.lxfsz{



	border: 1px solid #000;



	padding: 30px 0;



}







.cpbt1{



	



}



.cpbt{



	margin-top: 60px;



}



.cpbt h3{



	font-size: 36px;text-transform:uppercase;color: #000000;



	text-align: center;



	margin-bottom: 40px;

font-weight: normal;

	



}.cpbt h4{



	font-size: 30px;color: #000;text-align: center;



	



}



.cpbt4{



	background: #eeeeee;



	margin: 0 1.5%;



	margin-bottom: 50px;



}



.cpbt2{



	width: 15%;



	float:left;



}



.cpbt8{



	display: none;



}



.lxwmx{



	width: 40px;



	height: 4px;



	margin: 0 auto;



	margin-top: 5px;



	background: #3399ff;



}



.cpbt5{



	width: 50%;



	float: left;



}.cpbt6{



	width: 50%;



	padding: 20px 40px;



	float: left;



}



.cpbt6 p{



	font-size: 18px;color: #000;



	text-align: justify;



	line-height: 30px;



	margin-top: 20px;



}



.contactx{



	width: 30px;



	height: 2px;



	background: #000;



}



.cpbt2 ul li{



	font-size: 18px;



	line-height: 35px;



	border-bottom: 1px solid #fff;



	margin-bottom: 10px;



	



}



.cpbt2 ul li a{



	color: #fff;



}



.cpbt2 ul li:hover a{



	color: #2da043;



}



.cpbt3{



	width: 85%;



	float:left;



	padding-left: 30px;



}.contact1{



	width: calc(100% / 3);



	float: left;



}







.cpbt3 .col-md-4{



	width: 31.6%;



	margin: 0 0.83%;



	float: left;



	margin-bottom: 20px;



}



.yqzs{



	background:url(../images/bj4.png);



	background-size: cover;



}



.gsjj{



	width: 100%;



	padding-top: 40px;



	padding-bottom: 100px;



	



}



.gsjj h3{



	font-size: 30px;



	line-height: 35px;



	color: #333333;



	margin-top: 0;



	text-align: center;



	margin-bottom: 20px;



}.gsjj h4{



	font-size: 18px;



	line-height: 30px;



	color: #999999;



	text-align: center;



}



.gsjj1{width: 52%;



	margin: 0 auto;



	margin-top: 40px;



}



	



.gsjj2{







	border: 1px solid #e5e5e5;



	padding: 30px 5px;



	box-sizing: border-box;



	border-bottom: 4px solid #687352







}.gsjj2 p{



	font-size: 16px;



	line-height: 40px;



	color: #666666;



	display: block;



	margin-bottom: 0;



	text-align: center!important;



}	.gsjj3 {



	margin-top: 55px;



}



	.gsjj3 h5{



	font-size: 24px;



	line-height: 40px;



	color: #333333;



	text-align: center;



	margin-bottom: 20px;



}



.gsjj4{



	padding: 40px 0 60px;;



	background: url(../images/bj5.png);



	background-size: cover;







}



.gsjj5{



	width: 62.5%;



	margin: 0 auto;



}.gsjj6{



	width: 50%;	float: left;



}



.gsjj7{



	width: 50%;



	float: left;



	padding-top: 50px;



	padding-left: 50px;



}.gsjj7 h2{



	font-size: 24px;



	line-height: 30px;



	color: #333333;



	text-align:left;



	margin-bottom: 20px;



}.gsjj3 p{



	font-size: 16px;



	line-height: 35px;



	color: #666666;text-align:justify;







}.gsjj7 p{



	font-size: 16px;



	line-height: 30px;



	color: #666666;text-align:justify;







}.gsjj8{



	margin-top: 50px;



}



	



.gsjj8 .gsjj7{



	padding-top: 50px;



	padding-left: 0px;



	padding-right: 50px;



} .gsjj9{



	background: #313131;



}



.gsjj10{



	width: 50%;



	float: left;



	height: 100%;



}



.gsjj10 img{



	height: 100%;



	width: auto;



	max-width:auto;



}







.gsjj11{



	width: 50%;



	float: left;



}



.gsjj11{



	padding: 170px 200px;



	padding-bottom: 0;



}







.gsjj {



    width: 100%;



    padding-top: 40px;



    padding-bottom: 100px;



}







.gsjj11 h4{



	font-size: 26px;



	line-height: 30px;



	color: #fff;



	text-align:left;



	margin-bottom: 25px;



}











.gsjj11 p{



	font-size: 16px;



	line-height: 25px;



	color: #fff;



	text-align:left;



	margin-bottom: 25px;



}







.qywh h4{



	font-size: 28px;



	color: #000;



	line-height: 40px;



	text-align: center;



}



.gsjj4 h4{



	font-size: 28px;



	color: #000;



	line-height: 40px;



	text-align: center;



}.gsjj4>p{



	font-size: 20px;



	color: #000;



	line-height: 40px;



	margin-bottom: 0;



	text-align: center;



}



.tu{



	float: left;



	overflow: hidden;



	    width: 17%;



    margin: 0 1.5%;



    margin-bottom: 40px;



	position: relative;







}



.tu h3{



	    color: #fff;



    font-size: 25px;



    font-weight: 500;



    letter-spacing: 1px;



    text-transform: uppercase;



    margin: 0;



	position: absolute;



	z-index: 10000;



	left: calc(50% - 51px);



margin-top: -35px;



}



.tu .tm_edd{transform: scale(1.05);



	transform:translate(0,);



	background-color:rgba(0,0,0,0.6);}



.tu:hover img{



	transition:transform 0.5s;



	transform: scale(1.05);



}



.touming{



	z-index: 55;



	transition:transform 0.5s,background-color 0.5s;



	position:absolute;



	background-color:rgba(0,0,0,0.3);



	width:100%;



	height:100%;



	left:0;



	top:0;}



.tu:hover .touming{



	transform: scale(1.05);



	transform:translate(0,);



	background-color:rgba(0,0,0,0);



}







.zz4 h5{



	font-size: 20px;



	color: #333333;



	



	line-height: 60px;







}.zz4 p{



	font-size: 16px;



	color: #333333;



	



	line-height: 28px;







}



.zz2{



	width: 45%;



	float: left;



	margin: 0 2.5%;



	overflow: hidden;



	border: 1px solid #000;



}



.zz3{



	width: 36%;



	float: left;



	transition: all 0.3s;



	position: relative;



	z-index: 9;



}.zz4{



	width: 64%;



	padding-right: 20px;



	padding-left: 10px;



	float: left;



}



.zz3 img{



	display: block;



	transition: all 0.3s;



}



.zz3:hover img{



	transform: scale(1.05);



}



/* Pen styling */



		







		/*body {



		  background: #fefefe;



		  color: #333;



		  font: 14px /1.5 "Fira Sans", sans-serif;



		}







		h1 {



		  font-size: 2.5rem;



		  font-weight: 300;



		  margin: 1.5em 0.5rem 1em;



		  text-align: center;



		}*/







		.container {



		  margin: 0 auto;



		  padding: 0rem 2rem 1rem;



		  max-width: 1200px;



		}







		







		.col {



		  color: #fff;



		  -webkit-box-flex: 1;



		      -ms-flex: 1 1 auto;



		          flex: 1 1 auto;



		  min-height: 650px;



		  position: relative;



		}



		.col h2 {



		  font-weight: 300;



		  font-size: 1.33333rem;



		  line-height: 1.25;



		  margin: 0;



		  position: absolute;



		  bottom: 1.5rem;



		  right: 1.5rem;



		  z-index: 0;



		}







		.col:nth-child(2) {



		  margin-top: 80px!important;



		}



.col:nth-child(3) {



		  margin-top: 40px!important;



		}











		.photo-container {



		  background: #0f0523 50% 50% / cover;



		  position: absolute;



		  top: 0;



		  right: 0;



		  bottom: 0;



		  left: 0;



		  -webkit-transition: 1s;



		  transition: 1s;



		  -webkit-transform-origin: bottom right;



		          transform-origin: bottom right;



		}



		



		.col:hover .photo-container {



		  -webkit-transform: scale(1.15);



		          transform: scale(1.15);



		}







		.slide {



		  background: rgba(0, 0, 0, 0.25);



		  padding: 0 1.5rem;



}.slide p{



	font-size: 30px;



	position: relative;



	top:242px;







}



.pp{



	float: right;



}



		



		.box1{



		    text-align: center;



		    overflow: hidden;



		    position: relative;



		}



		.box1:before{



		    content: "";



		    width: 0;



		    height: 100%;



		    background: #000;



		    padding: 14px 18px;



		    position: absolute;



		    top: 0;



		    left: 50%;



		    opacity: 0;



		    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;



		}



		.box1:hover:before{



		    width: 100%;



		    left: 0;



		    opacity: 0.7;



		}



.kh{



	width: 25%;



	float: left;



}



		.box1 img{



		    width: 100%;



		    height: auto;



		}



		.box1 .box1-content{



		    width: 100%;



		    padding: 14px 18px;



		    color: #fff;



		    position: absolute;



		    top: 38%;



		    left: 0;



		}



		.box1 .title{



		    font-size: 25px;



		    font-weight: 600;



		    line-height: 30px;



		    text-transform: uppercase;



		    margin: 0;



		    opacity: 0;



		    transition: all 0.3s ease 0s;



		}



		.box1 .post{



		    font-size: 15px;



		    text-transform: capitalize;



		    opacity: 0;



		    transition: all 0.3s ease 0s;



		}



		.box1:hover .title,



		.box1:hover .post{



		    opacity: 1;



		    transition-delay: 0.5s;



		}



		.box1 .icon{



		    padding: 0;



		    margin: 0;



		    list-style: none;



		    margin-top: 15px;



		}



		.box1 .icon li{



		    display: inline-block;



		}



		.box1 .icon li a{



		    display: block;



		    width: 40px;



		    height: 40px;



		    line-height: 40px;



		    border-radius: 50%;



		    background: #f74e55;



		    font-size: 20px;



		    font-weight: 700;



		    color: #fff;



		    margin-right: 5px;



		    opacity: 0;



		    transform: translateY(50px);



		    transition: all 0.5s ease 0s;



		}



		.box1:hover .icon li a{



		    opacity: 1;



		    transform: translateY(0px);



		    transition-delay: 0.5s;



		}



		.box1:hover .icon li:last-child a{



		    transition-delay: 0.8s;



		}



		



		.demo{padding: 70px 0;}



		:root{



		    --color_1: #fff;



		    --main-color: #1dd1a1;



		}



		.box{



		  



		    text-align: center;



		    position: relative;



		    overflow: hidden;



		}



		.box:before,



		.box:after,



		.box-content:before,



		.box-content:after{



		    content: '';



		    background: linear-gradient(transparent,rgba(0,0,0,0.7));



		    height: 100%;



		    width: 25%;



		    transform: translateY(-100%);



		    position: absolute;



		    left: 0;



		    top: 0;



		    z-index: 1;



		    transition: all 0.3s;



		}



		.box:hover:before,



		.box:hover:after,



		.box:hover .box-content:before,



		.box:hover .box-content:after{



		    transform: translateY(0);



		}



		.box:after{ left: 25%; }



		.box .box-content:before{ left: 50%; }



		.box .box-content:after{ left: 75%; }



		.box:hover:before{ transition-delay: 0.225s; }



		.box:hover:after{ transition-delay: 0.075s; }



		.box:hover .box-content:before{ transition-delay: 0.15s; }



		.box:hover .box-content:after{ transition-delay: 0s; }



		.box img{



		    width: 100%;



		    height: auto;



		    transition: all 0.3s ease 0s;



			filter: grayscale(20%);



		}



		.box:hover img{ filter: grayscale(0%); }



		.box .box-content{



		    width: 100%;



		    height: 100%;



		    position: absolute;



		    bottom: 0;



		    left: 0;



		    transition: all 0.2s;



		}



		



		.box:hover .content{



		    opacity: 1;



		    bottom: 5px;



		}



		.box .title{



		    color:#fff;



		    font-size: 25px;



		    font-weight: 500;



		    letter-spacing: 1px;



		    text-transform: uppercase;



		    margin: 0;



		}



		.box .post{



		    color: var(--main-color);



		    font-size: 16px;



		    font-style: italic;



		    text-transform: capitalize;



		    letter-spacing: 1px;



		    margin-bottom: 10px;



		    display: block;



		}



		.box .icon{



		    padding: 0;



		    margin: 0;



		    list-style: none;



		    transform: translateX(-50%);



		    position: absolute;



		    top: 15px;



		    right: -10px;



		    z-index: 2;



		    transition: all 0.5s ease 0.3s;



		}



		.box .icon li{



		    opacity: 0;



		    transform: scale(0) rotate(360deg);



		    transition: all 400ms;



		}



		.box:hover .icon li{



		    opacity: 1;



		    transform: scale(1) rotate(0);



		}



		.box .icon li a{



		    color: var(--color_1);



		    background-color: var(--main-color);



		    font-size: 20px;



		    line-height: 40px;



		    height: 40px;



		    width: 40px;



		    margin-bottom: 10px;



		    border-radius: 50%;



		    display: block;



		    position: relative;



		    transition: all 0.3s;



		}



		.box .icon li a:hover{



		    text-decoration: none;



		    color: var(--main-color);



		    background-color: var(--color_1);



		    border-radius: 0 20px 0 20px;



		}



		@media only screen and (max-width:990px){



		    .box{ margin-bottom: 30px; }



		}



		@media only screen and (max-width:479px){



		    .box .title{ font-size: 20px; }



		}



.zx3 img{



	transition: transform 0.3s,background-color 0.3s;         



}



.zx3 img:hover{



	transform: scale(1.02);



}



.xw{



	width: 1330px;



	margin: 0 auto;



	margin-top: 50px;



}



.xw1{



	margin: 0 20px;



	width: 620px;



	float: left;



}



.xw3{



	width: 120px;



	float: left;



} .xw3 h5{



	font-size: 18px;



	line-height: 30px;



	margin-top: 45px;



	color: #666666;



}



.xw2{



	height: 115px;



}.xw7{



	height: 210px;



}



.xw4{



	height: 115px;



	width: 6px;



	float: left;



	border-left: #bfbfbf 2px solid;



	border-right: #bfbfbf 2px solid;



}.xw8{



	height: 210px;



	width: 6px;



	float: left;



	border-left: #bfbfbf 2px solid;



	border-right: #bfbfbf 2px solid;



}



.xw5{



	position: relative;



	top: 43px;



	width: 29px;



	float: left;



	left: -17px;



}



.xwd{



	width: 220px;



	line-height: 40px;



	font-size: 16px;



	color: #000;



	text-align: center;border: #000 3px solid;



	border-radius: 10px;



	margin: 0 auto;



	margin-top: 50px;      transition: transform 0.8s,background-color 0.8s;         



} .xwd a{



	color: #000;



}







.xwd:hover{



	background: #50cdf0;



	border: #fff 3px solid;transform: scale(1.05);



}.xwd:hover a{



	color: #fff;



}.mt-5 img{



	margin: 0 auto;



}



.xw5 img{



	







display: table-cell;  



	vertical-align: middle;



	



}



.xw6{



	background: #5c5c5c;



	border-radius: 6px;



	float: left;



	margin-left: 15px;



	padding-top: 25px;



	padding-left: 35px;



	padding-bottom: 10px;



	padding-right: 10px;



	width: 450px;



	margin-top: 15px;







	 



}



.xw6 h2{



	font-size: 20px;



	line-height: 30px;



	color: #fff;



	text-align: left;



}



.xw6 a:hover h2{



	color: #50cdf0;



}







.xw6  h6{



	font-size: 16px;



	line-height: 22px;



	color: #e0e0e0;



	width: 350px;height: 88px;



	overflow:hidden;



	margin-bottom: 0;



	text-align: justify;



	margin-top: 10px;



}.xw6 a:hover h6{



	color: #fff;



}



.xw6  p{



	font-size: 16px;



	line-height: 25px;



	color: #50cdf0;



	float: right;



	margin-bottom: 0;



	text-align: right;



}.xw6 a:hover p{



	color: #fff;



}







.lxwm .f-36{



	font-size: 36px;



	line-height: 50px;



	letter-spacing: 5px;



}.lxwm .f-18{



	font-size: 18px;



	line-height: 28px;



	margin-top: 30px;



}



.zx2{



	margin-top: 50px;



}



.lxx {



	width: 50%;



	height: 1px;



	background: #fff;



}.lxwm1{



		width:1000px;



	margin: 0 auto;



	}



.lxwm1 li{



	font-size: 20px;



	color: #fff;text-shadow:0px 5px 5px #2c2c2c;



	line-height: 60px;



	text-align: left;



}



	.lxwm2{



		width:450px;



		float: left;



}.lxwm3{



		width:275px;



		float: left;



}.lxwm3 img{



	margin-top: 25px;



}



.lxwm4{



	width:275px;float: left;



}.lxwm4 img{



	margin-top: 25px;



}



.qywh{



	padding: 20px 0 50px;



}



.qywh1 span{



	font-size: 22px;



	line-height: 40px;







}



.qywh1 p{



	margin-top: 20px;



	margin-bottom: 80px;



}



.qywh1{



	width: 50%;



	float: left;



}.qywh2{



	width: 50%;



	float: left;



}



.zyyw{



	padding: 70px 0 0;



	background:url(../images/bj3.png);



	background-size: cover;



}



.zyyw h2{



	text-align: center;



	font-size: 36px;



	color: #000000;



	line-height: 47px;



	margin-bottom: 20px;



}



.zyyw h2 img{



	display: block;



	margin: 0 auto;



}



.sycp{



	width: 26.025%;



	float: left;



}.sycp1{



	width: 47.95%;



	float: left;



}



.sycp2{



	width: 50%;



	float: left;



}



.zyyw .gd{



	width: 85px;



	margin: 0 auto;



	border: 2px solid #aaaaaa;



		text-align: center;



	font-size: 16px;



	color: #535353;



	line-height: 35px;







	margin-top: 25px;



	



	



}



.jjz{



	background: url(../images/bj4.png);



	background-size: cover;



}



.cdl{



	background: #eeeeee;



	margin-top: 30px;



}



.cdl ul{



	padding:0px   10%;



	



}



.cdl ul li{



	float: left;



	font-size: 24px;



	line-height: 75px;



	width: 25%;



	text-align: center;



}



.cdl ul li:hover{



	background: #fb3638;



}



.cdl ul li:hover a{



	color: #fff;



}



.gs{



	padding-top: 0px;



	background: #fff;



}



.gs1{width: 50%;



	float:left;



	



}.gs2{width:50%;



	float:left;



	



}



.gs2 h4{	width: 70%;



	margin: 0 auto;



	margin-top: 90px;



		text-align:left;



	font-size: 45px;



	color: #2da043;



	line-height: 60px;



	margin-bottom: 20px;



}.gs2 p{



	width: 70%;



	margin: 0 auto;



text-align: justify;



	display: block;



	



	font-size: 16px;



	color: #000000;



	line-height: 30px;



	margin-bottom: 20px;



}



.cp .gd{



	width: 95px;



	margin: 0 auto;



	border: 2px solid #000;



		text-align: center;



	font-size: 14px;



	color: #535353;



	line-height: 30px;







	margin-top: 65px;



	display: none;



	



}







.gs2  .gd{



	width: 130px;



	margin-left: 15%;



		box-sizing: border-box;



		text-align: center;



	display: block;



	font-size: 14px;



	color: #535353;



	line-height: 40px;



	background: #2da043;



border-radius: 20px;



	margin-top: 65px;



	



	



}



 .gd{



	width: 130px;



	margin: 0 auto;



		box-sizing: border-box;



		text-align: center;



	display: block;



	font-size: 14px;



	color: #535353;



	line-height: 40px;



	background: #2da043;



border-radius: 20px;



	margin-top: 45px;



	



	



}



.gs2  .gd a{



	color: #fff;



}



.gd a{



	color: #fff;



}



.gd:hover a{



	color: #2da043;



}



.gs2  .gd:hover a{



	color: #2da043;



}.gs2  .gd:hover{



	background: #fff;	border: 2px solid #2da043;



	box-sizing: border-box;



	display: block;



}



.gd:hover{



	background: #fff;	border: 2px solid #2da043;



	box-sizing: border-box;



	display: block;



}







.hwz{



	



	background: #f8faff;



	padding: 50px 0 70px;



}



.hw{



	width: 62.5%;



	margin: 0 auto;



}



.hw ul li{



	width: 25%;



	float:left;



	padding: 0 10px;



}.hw ul li img{



	margin: 0 auto;



}



.cp{



	padding: 35px 0;



}



.cp h4{



	



		text-align: center;



	font-size: 36px;



	color: #000000;



	line-height: 47px;



	margin-bottom: 20px;



}



.cp1{



	width: 80%;



	margin: 0 auto;



}



.cp2{



	width: 18.8%;



	margin: 0 0.6%;



	float: left;



	background: #eeeeee;



	padding: 80px 20px 40px;



}.cp2 img{



	margin: 0 auto;



}



.cp2 h5{



	



		text-align: center;



	font-size: 24px;



	color: #000000;



	line-height: 37px;



	margin-bottom: 0px;



	margin-top: 40px;



}.xqb{



	overflow: hidden;



}



.xqb img{



	width: 1920px;



	max-width: 1920px;



	margin-left: calc(50% - 960px);



}



.ban img{



	width: 1920px;



	max-width: 1920px;



	margin-left: calc(50% - 960px);



}.ban{



	overflow: hidden;



}.xwzx ul {



	width: 220px;



	margin: 0 auto;



	margin-top: 40px;



	margin-bottom: 50px;



}



.xwzx ul li{



	font-size: 18px;



	line-height: 32px;



	color: #000;float: left;



	width: 110px;



	text-align: center;



}



.xwzx ul li a{



	color: #000;



}



.xwzx ul li:hover a{



	color: #50cdf0;



}



		.box{



		    overflow: hidden;



		    position: relative;



		    z-index: 1;



		    transition: all 0.3s ease 0s;



		}



		.box:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.5); }



		.box img{



		    width: 100%;



		    height: auto;



		    transition: all 0.3s ease 0s;



		}



		.box:hover img{ filter: rotate(100deg); }



		.box .box-content{



		    color: #fff;



		    text-align: center;



		    width: 100%;



		    height: 100%;



		    padding: 35% 0 0;



		    position: absolute;



		    left: 0;



		    top: 0;



		    z-index: 2;



		}







.sycp .box .box-content{



	padding:68% 0 0;



}



.zyyw h4{



	float: right;



	font-size: 24px;



	padding-right: 20px;



	margin: 10px 0;



}



		.box:before,



		.box:after,



		.box .box-content:before,



		.box .box-content:after{



		    content: '';



		    height: 50%;



		    width: 50%;



		    background-color: rgba(0,0,0,0.5);



		    position: absolute;



		    left: 0;



		    top: 100%;



		    transition: all 0.5s;



		    z-index: 1;



		}



		.box:before{ transition-delay: 0.1s; }



		.box:after{



		    left: 50%;



		    transition-delay: 0.2s;



		}



		.box .box-content:before,



		.box .box-content:after{



		    z-index: -1;



		    top: 100%;



		    transition-delay: 0.3s;



		}



		.box .box-content:after{



		    left: 50%;



		    transition-delay: 0.35s;



		}



		.box:hover:before,



		.box:hover:after{



		    top: 0;



		}



		.box:hover .box-content:before,



		.box:hover .box-content:after{



		    top: 50%;



		}



		.box .title{



		    font-size: 30px;



		    font-weight: 600;



			color: #fff;



		    text-transform: uppercase;



		    margin: 0;



		    opacity: 0;



		    transform: translateX(-200px);



		    transition: all 0.3s ease 0.3s;



		}



		.box .post{



		    font-size:16px;



		    font-style: italic;



		    letter-spacing: 1px;



		    text-transform: capitalize;



		    margin-bottom: 10px;



		    opacity: 0;



		    display: block;



		    transform: translateX(-200px);



		    transition: all 0.3s ease 0.3s;



		}



		.box .icon{



		    list-style: none;



		    text-align: center;



		    padding: 0;



		    margin: 0;



		    opacity: 0;



		    z-index: 2;



		    transform: translateX(200px);



		    transition: all 0.3s ease 0.3s;



		}



		.box:hover .title,



		.box:hover .post,



		.box:hover .icon{



		    opacity: 1;



		    transform: translateX(0);



		}



		.box .icon li{



		    margin: 0 4px;



		    display: inline-block;



		}



		.box .icon li a{



		    color: #fff;



		    font-size: 18px;



		    line-height: 37px;



		    height: 40px;



		    width: 40px;



		    border: 2px solid #fff;



		    border-radius: 50%;



		    display: block;



		    transition: all 0.3s;



		}



.jj1{



	width: 62.5%;



	margin: 0 auto;



	padding-top: 30px;



	padding-bottom: 70px;



}



.zz{



	width: 62.5%;



	margin: 0 auto;



	padding-top: 30px;



	padding-bottom: 40px;



}



.zz1{



	width:23.4% ;



	float:left;



	margin: 0 0.8%;



	margin-bottom: 30px;



}



.zz1 h4{



	text-align: center;



	font-size:22px;



	color: #000000;



	line-height: 35px;



	margin-top: 20px;



	border-top: 1px solid #000;







}.rz{



	width: 31.7%;



}.jc{



	width: 48.4%;



}



.jj1  h4{



		text-align: center;



	font-size: 36px;



	color: #000000;



	line-height: 47px;



	margin-bottom: 60px;



	margin-top: 40px;



	



}



.yf H2{



			text-align: center;



	font-size: 32px;



	color: #000000;



	line-height: 47px;



	margin-bottom:10px;



	margin-top: 30px;



}.yf H5{



			text-align: center;



	font-size: 30px;



	color: #000000;



	line-height: 47px;







}



.jj1  p{











	font-size: 18px;



	color: #000000;



	line-height: 32px;



	



}



.jj2{



	margin: 100px 0 50px;



}



.jj3{



	width: 27.5%;



	float: left;margin: 0 2.9%;



	background: #e5e5e5;



	padding-bottom: 80px;



	color: #3a3a3a;



	height: 330px;



	text-align: center;



	font-size: 26px;line-height: 45px;



	



}



.jj4{



	background: #a0a0a0;



	color: #fff;



	line-height: 85px;



	text-align: center;



	font-size: 24px;



	margin-bottom: 30px;



}



.yj{



background-color: #323237;



	padding: 30px 0 0;



	}



.yj ul {



	width: 1020px;



	margin: 0 auto;



}



.yj ul li{



	width: 170px;



	float: left;



	border-right: 3px solid #fff;



	box-sizing: border-box;



	



}



.yj ul li:nth-child(6){



	border: none;



}



.yj ul li a{



	font-size: 20px;



	color: #fff;



	text-align: center;



	line-height: 20px;



}



.yj ul li:hover a{



	color: #50cdf0;



}



.gg1{



	width: 62.5%;



	margin: 0 auto;



	padding-top: 50px;



}.gg2{



	width:48%;



	float: left;



	



}



.gg2{



	font-size: 16px;



	line-height: 30px;



	color: #515151;



}



.gg1 .main{



	width:48%;float:right;



}



.gg3{



	width: 52%;



	float: left;



}







.zd{



	padding-top: 80px;



}



.gg3 img{



	margin: 0 auto;



	display: block;



}



.xy{



	padding-bottom: 50px;



}



.yw{



	background: #eeeeee;



	padding-top: 50px;



}







.xwf{



	padding: 40px 0 50px;



	width: 62.5%;



	margin: 0 auto;



}



.gg3  .pb30{



	margin: 0 7%;



}



.xwf h2{



	



	text-align: center;



	font-size: 32px;



	font-weight: bold;



	color: #000000;



	margin: 0;



	display: block;



	line-height: 35px;



}



.xwf2{



	margin-top: 30px;



}.xwf2 ul li{



	line-height: 30px;



}



.xwf h6{



	



	text-align: center;



	font-size: 18px;



	



	color:#434343;



	margin: 0;display: block;margin-top: 10px;



	line-height: 35px;



	margin-bottom: 30px;



}







.xwf p{



	



	text-align: left;



	font-size: 16px;



	margin-top: 30px;



	color: #666;



	margin: 0;display: block;



	line-height: 30px;



}







.cpzx{



	width: 62.5%;



	margin: 0 auto;



}







.lx3{



	width: 62.5%;



	margin: 0 auto;



	padding-top: 150px;



	padding-bottom: 100px;



}



.lx4{



	width: 41.66%;



	float: left;



}



.lx5{



	width: 55.8%;



	float:right;



}







.xd{



	width: 67%;



	margin: 0 auto;



	padding: 80px 0;



}



.lx4 h5{



	







	font-size: 30px;







	color: #171717;



	margin: 0;display: block;



	line-height: 40px;



	margin-bottom: 10px;



}



.sywh{



	background: url(../images/bj1.png);



	background-size: cover;



}



.sywh img{



	margin: 0 auto;



}



.lx4 p{



	width: 85%;



	font-size: 18px;



	color: #000;



	margin: 0;display: block;



	line-height: 35px;



	margin-bottom: 30px;



}



.lx4 ul li{



	width: 85%;



	font-size: 16px;







	color: #010101;



	margin: 0;display: block;



	line-height: 35px;



	



}







.dhy{



	float: right;



	margin-left: 40px;



	margin-top: 31px;



}



.dhy img{



	float: left;



}.dhy p{



	float: left;



	line-height: 27px;



	font-size: 16px;



	color: #fff;



	margin-left: 5px;



}



.gg2 h3{



	font-size: 30px;



	color: #000;



	line-height: 45px;



	margin-bottom: 30px;



}



.xq{



	margin-top: 100px;



}



.xq1{



	float: left;



	width: 46%;



	margin-right: 8%;



}



.xq1:hover img{



	opacity: 0.9;



}



.xq2{	width: 46%;



	float: right;



}



.td{



	width: 90%;



	margin: 0 auto;







	margin-top: 80px;



}



.td1{



	float: left;



	width: 31.5%;



	margin: 0 0.9%;



}



.td1 img{



	max-width: 100%;



	width: 100%; filter: grayscale(100%);



}



.td1:hover img {



    filter: grayscale(0%);



}



.td2{



	padding: 10px;



	background: #eeeeee;



}



.td2 h5{



	font-size: 24px;



	line-height: 35px;



	text-align: left;



	margin-bottom: 10px;



}.td2 p{



	min-height: 75px;



	font-size: 16px;



	line-height: 25px;



	text-align: left;



}



.xq3{



	width: 62.5%;



	margin: 0 auto;



	margin-top: 30px;



}



.xq4{width: 50%;



float: left;}



.xq4{



	font-size: 20px;



	color: #8d8d8d;



	line-height: 35px;



	padding: 0px 0px;



	



} .xq4 li{



	margin-bottom: 10px;



}



.xq4 span{



	color: #000;



}



.xq5{width: 50%;



float: left;}



.xq5 img{



	margin: 0 auto;



} 



.xq5  ul{



	margin: 0 auto;



	margin-top: 40px;width: 350px;



}



video#bgvid {



    position: fixed;



    right: 0;



    bottom: -20px;



    min-width: 100%;



    min-height: 100%;



    width: auto;



    height: auto;



    z-index: -100;



    background-size: cover;



}



.xq5  ul li{



	



	width: 140px;



	height: 25px;



	float: left;



	line-height: 22px;



	text-align: center;



	border:1px solid #000;



	border-radius: 10px;



}



.xq5  ul li:nth-child(2){



	float: right;



}



tr td:nth-child(1){



	width: 28%;



	color: #000;



	text-align: center;



	



}



.sycp3{



	display: none;



}



.jssb img{



	width: 100%;



	float: left;



	



}







.jssb span{



	font-size: 20px;



	margin-bottom: 10px;



	padding-bottom: 10px;



}



.jssb p{



	line-height: 26px;



	



}



.news_list_met_m1156_3_6 .title-name span{



	font-size: 16px;



	text-transform: uppercase;



}



.news_list_met_m1156_3_6 .info-list a b i h3{



	font-size: 20px;



}



.foot{



	background: #fff;



	padding: 50px 0;



}



.yj1 h3{



	font-size: 22px;



	line-height: 35px;



	color: #2da043;



	margin-top: 5px;



	margin-bottom: 10px;



}







.yj1 h4{



	font-size: 20px;



	line-height: 35px;



}.yj1 p{



	font-size: 14px;



	color: #808080;



	text-align: left;



	margin: 0;



	line-height: 28px;



}



.yjx{



	width: 1px;



	height: 200px;



	background: #000;	float: left;



}



.yj1{



	width: calc(30% - 0px);



	float: left;



	padding: 0 2%;



}



.yj2{



	width: calc(20% - 0px);



	float: left;



	text-align: center;



	padding: 0 2%;



}.yj3{



	width: calc(20% - 0px);



	float: left;



	padding: 0 2%;



}



.yj3{



	padding: 0;



}



.yj3 h3{



	text-align: center;



}



.yj3 img{margin: 0 auto;margin-top: 0px;}











.yj1 ul{



	width: 100%;float: left;







}



.yj1 ul li{



	font-size: 16px;



	line-height: 28px;



}



.yj1 ul li:first-child{



	margin-bottom: 5px;



}



.syxwz{



	width: 50%;



	float: left;



	overflow: hidden;



}.syxwy{



	width: 50%;



	float: left;



	padding-left: 20px;



}



.syxwy span{



	width: 100%!important;    font-size: 20px!important;



    text-align: left!important;



    letter-spacing: 1px;    margin: 0px 0 0 0px!important;



    border-top: 0px solid #ddd!important;



}



.jssb h4{



    font-size: 20px;



    margin-bottom: 10px;



    padding-bottom: 10px;



}.news_list_met_m1156_3_6 .info-only a p{



	margin-left: 0!important;    line-height: 26px!important;



    height: 104px!important;



}



.syxwz img{



	width: 335px;



	max-width: 335px;



	height: 219px;



	



}



.sywh1{margin: 0 auto;



	margin-bottom: 70px;



}







canvas{



  margin: 0;



  padding: 0;



  display: block; /*  ˉ\_(ツ)_/ˉ  */



  touch-action: none;



	position: fixed;



	z-index: 2;overflow-x: hidden;







}



.syqb{



	position: absolute;



	top:0;



	width: 100%;



	overflow-x: hidden;



	



}



.syqb a{



	position: relative;



	z-index: 5;







}



.syc1{



	width: 20%;



	float:left;height: 100%;



}



.syc5{width: calc(80% / 3);}











.syyq{position: relative;height: 100%;}







.syyq .syc1 img{



	width: 100%;



	height: 100%;



	position: relative;



	z-index: -1;



}



.syyq1{



	position: absolute;



	width: 80%;



	z-index: 4;



	margin: 0 auto;



	display: block;



	margin-left: 10%;



	margin-top: 30px;



	



}



.nang2{



	display: none;



}



.syyq1 h3{



	    







    text-align: center;



    font-size: 45px;







    line-height: 60px;



    margin-bottom: 20px;



}







.syyq1 p{



	    



color: #666;



    text-align: justify;



    display: block;



    font-size: 16px;







    line-height: 30px;



    margin-bottom: 20px;



}



.syc2{



	width: 80%;



	position: relative;



	float: right;



}



@media screen and (max-width: 1700px){



	



	



	.gs2 .gd {



    



    margin-top: 45px;



}



	.gs2 h4 {



    margin-top:65px;



		



	}



}







@media screen and (max-width: 1600px){



	.xwz2{



	width: 75%;



	



}



		.gsjj11{



		padding: 130px 150px;



		padding-bottom: 0;



	}



.xd{



	width:75%;}



	.xq3{



		width: 75%;}



	.lx3{



	width: 75%;



	



}



	.xwf{



	padding: 40px 0 50px;



	width: 75%;



	margin: 0 auto;



}



	.cpzx{



	width: 75%;



	margin: 0 auto;



}



	.gg1{



	width:75%;



	margin: 0 auto;



}



	.zz{



	width: 75%;



	margin: 0 auto;



}



	.jj1{



		width: 75%;}



	.hw{



	width: 75%;



	}



	.cp1{



	width:85%;



	margin: 0 auto;



}.owl-carousel{







	width: 75%;}



	



}







@media screen and (max-width: 1500px) {



	.gsjj1{width: 72%;



	}.gsjj5{



	width: 80%;



	}.gsjj11{



		padding: 100px 120px;



		padding-bottom: 0;



	}



	.xwz2{



	width:85%;







}



	



}



@media screen and (max-width: 1470px){



	.lx3{



	width: 85%;



	



}.promo-list .t2 img {



    margin-left: 10%;



}



	.xwf{



padding: 40px 0 50px;



	width: 85%;



	margin: 0 auto;



}



	.cpzx{



	width: 85%;



	margin: 0 auto;



}



	.gg1{



	width:85%;



	margin: 0 auto;



}



	.zz{



	width: 85%;



	margin: 0 auto;



}



		.hw{



	width: 85%;



	}



	.gs2 .gd {



    



    margin-top: 25px;



		margin-left: 5%;



}



	.gs2 h4 {



    margin-top: 45px;width: 90%;



		



	}.gs2 p{



		width: 90%;



	}.cp1{



	width: 85%;



	margin: 0 auto;



}	.jj1{



		width: 85%;}



	



.xd{



	width:85%;}



}







@media screen and (max-width: 1330px) {



	



	.xw6{



		width: 400px;



	}.xw1{



		width: 570px;



		margin-left: -20px;



	}.gsjj7{



		padding-top: 10px;



	}.gsjj8 .gsjj7{



		padding-top: 10px;



	}



	



}



@media screen and (max-width: 1300px){



	.xwz2{



	width: 95%;



		margin-top: 20px;







}



	.gs2 h4 {



    margin-top:20px;



		margin-bottom: 10px;



		



	}.gs2 .gd {



    



    margin-top: 15px;



}.lx3{



	width: 95%;







}.lx4 {



	width: 38%;



	float: left;}



	.lx4 p{



		width: 100%;



	}.lx4 ul li{



		width: 100%;



	}.lx5{



		float: left;



		margin-left: 20px;



	}



}



.dnba12{



	display: none;



}



@media screen and (max-width: 1180px){



	.dnba12{



	display:block;



}.dnba{



	display: none;



}



		.xq3{



		width: 85%;}



	.gs2 p{



		width: 95%;



		margin-bottom: 5px;



	}.tilter__caption {



 



    width: 100%;



    padding: 2em;



}



	.tilter__title {







    font-size: 22px;;



    color: #fff;



    line-height: 35px;



}.tilter__description{



    letter-spacing: 0em;



    font-size: 22px;;



    color: #fff;



    line-height: 35px;



}



	.gs2 .gd {



    



    margin-top: 5px;



}.lx4{



		width: 100%;



		



	}.lx5{



		width: 100%;



		margin-top: 30px;



		margin-left: 0;



		



	}.lx3 {



   



		padding-top: 50px;}



}





@media (max-width:600px){

	.tilter__description{



    letter-spacing: 0em;



    font-size: 16px;;



    color: #000!important;



    line-height: 35px;



}

}





@media screen and (max-width: 1140px) {



	.xw1:nth-child(2){



		display: none;



		



	}.gsjj5{



	width: 95%;



	}



	.xw{



		width: 100%;



	}



	.xw1{



		margin: 0 auto;



		display: block;



		position: relative;



		left: 50%;



		margin-left: -335px;



		



	}.gsjj11{



		padding: 80px 70px;



		padding-bottom: 0;



	}



	



	



}@media screen and (max-width: 1100px) {



	



	



	



	



}



@media screen and (max-width: 1090px){



	



	.jj1 iframe{



		    width: 700px!important;



    height: 500px;



	}



	.qywh1 p{



	margin-top: 20px;



	margin-bottom: 50px;



}



.xd{



	width:95%;}



	.xwf{



	padding: 40px 0 50px;



	width: 95%;



	margin: 0 auto;



}



.gg1 {



    width: 95%;



    margin: 0 auto;



}



	.zz{



	width: 95%;



	margin: 0 auto;



}



		.jj1{



		width: 95%;}



	.cp1{



	width: 95%;



	margin: 0 auto;



}



	.gs1 {



		width: 100%;}



	.gs2 {



		width: 100%;margin-bottom: 30px;}



	.gs1  img{



		margin: 0 auto;



		width: 100%;



	}



	.gs {



    padding: 40px 0 0px;



}



	.gs2 .gd {



    



    margin-top: 45px;



}



	.gs2 h4 {



    margin-top: 0px;



		



	}.gs2 p{



		width: 90%;



	}



		.hw{



	width: 95%;



	}.cpzx{



	width: 95%;



	margin: 0 auto;



}.owl-carousel{







	width: 85%;}



}



@media screen and (max-width: 1024px) {



.gsjj1{width: 85%;



	}.yj{



	width: 95%;



	margin: 0 auto;



	



	



}







.lxx{



		width: 70%;



	}.gsjj7{



		padding-top: 0px;



		padding-left: 20px;



	}.gsjj8 .gsjj7{



		padding-top: 0px;



		padding-right: 20px;



	}.qywh1{



		width:95%;}



}







@media screen and (max-width: 1020px){



	.yj ul li {



		width: 130px;}



	.yj ul {



		width: 780px;



	}



	



}



		@media only screen and (max-width:990px){



		  .cp2 h5 {



    text-align: center;



				font-size: 22px;}



		}



		@media only screen and (max-width:479px){



	



			.box .title {



    font-size: 20px;



				



			}



		}







@media screen and (max-width: 900px){

	

	.cpbt7{



		display: none;



	}

	



	.cpbt8{



		display: block;



		margin: 0 auto;



	}



	.cdl{



		margin-top: 0;



	}.yj4{



		display: none;



	}.cpbt5{



		width: 100%;



	}.cpbt6 {



    width:100%;



    padding: 20px 20px;



    float: left;



}.xwz3 {



    background: #f7f7f7;



    width: 100%;



    float: left;



    margin-right: 0%;



    margin-top: 20px;



}



	.yj2{



		display: none;



	}.yj3{



		display: none;



	}.yjx{



		display: none;



	}.yj1{



		width: 100%;



		padding: 0 10%;



	}.qywh1 p{



	margin-top: 10px;



	margin-bottom: 30px;



}.qywh1 {



    width: 100%;



    float: left;



}.qywh2 {



    width: 100%;



    float: left;



}.gsjj7{



		padding-top: 0px;



		padding-left: 0px;



	}.gsjj8 .gsjj7{



		padding-top: 0px;



		padding-right: 0px;



	}.lxwm2{



		float: none;



		width: 400px;



		margin: 0 auto;



	}.lxwm3{



		float: none;	width: 400px;



		margin: 0 auto;



	}.gsjj6 img{



		margin: 0 auto;



		margin-bottom: 20px;



		margin-top: 20px;



	}



	.gsjj6{



		width: 100%;



	}.gsjj7{



		width: 100%;



	}



		.xq3{



		width: 95%;}



	.sp_header{display: block;}



	.header10{



		display: none;



	}



	.gg1 {



  



    padding-top:20px;



	}.sp_logo img{



		height: 40px;



	}.sp_header {



		height: 60px;}



	.sp_nav{



		margin-top: 20px;



	}.nav_show {



    top: 60px;



}



.gg2 {



    width: 100%;



    float: left;



}.gg3 {



    width: 100%;



    float: left;



}



	.gg1 .main {



    width:100%;



    float:left;



}.zd {



    padding-top: 30px;



}.xq {



    margin-top: 30px;



}



	.gg2 h3{



		margin-top: 0px;



		margin-bottom: 15px;



	}.promo-list .t2 img {



    margin-left: 5%;



		max-width: 600px;



}



}















@media screen and (max-width:982px){



	.td2 p {



		min-height: 100px;}



	



	



}







@media screen and (max-width:955px){



	tr td:nth-child(1) {



		width:35%;}



	.syyq1 {



margin-left: 5%;



		width: 90%;}



}



@media screen and (max-width:805px){



	.td {  margin-top: 30px;



		width: 100%;}



	.yf .container{



	padding: 0;	



		



	}



	.td2 p {



		min-height: 125px;



		width: 100%;



	}.gsjj11{



		width: 100%;



	}



	.gsjj11{



		padding: 80px 70px;



		



	}.cpbt2 {



    width: 100%;



    float: left;



		margin-bottom: 30px;



}.cpbt3 {



    width: 100%;padding: 0;



    float: left;



	}.cpbt2 ul li{



		width: 22%;



		text-align: center;



		margin: 0 1.5%;



		float: left



	}.cpbt3 .col-md-4 {



    width: 47%;



    margin: 0 1.5%;



    float: left;



    margin-bottom: 20px;



}



	.gsjj10 img{



		width: 100%;height: auto;



	}.gsjj4 {



		padding: 20px 0 80px;}



	



	.lxfs1 {



   



    padding: 0 10px 0 20px;







}



}



@media screen and (max-width:850px){







.xwz42{



		display: none;



	}.xwz5{



		width: 30%;



		margin: 0 1%;



	}.xwz6{



		width: 68%;



		



	}



	



}



@media screen and (max-width:700px){







.gsjj1{width: 95%;



	}.qywh2{



		width: 100%;



		margin: 20px 0;



	}.qywh2 img{margin: 0 auto;}



	.gsjj h3{



		font-size: 30px;



	}



}







@media screen and (max-width:565px){



	.td1 {



    float: left;



    width: 48.2%;



    margin: 0 0.9%;margin-bottom: 20px;



	}.td1:nth-child(3){



		margin: 0 25.9%;



	}



	.td1:nth-child(3) .td2 p{



    min-height:75px;



}.lxfs1 {



    width: 90%;



  float: none;



		margin: 0 auto;



		margin-bottom: 20px;    border-bottom: 1px solid #171717;



		padding-bottom: 10px;



    border-right: 0px solid #171717;



	}.lxfs1 h4{



		margin-bottom: 10px;



	}



}



@media screen and (max-width: 780px){



	.yj ul li {



		width: 130px;margin-bottom: 20px;}



	.yj ul {



		width:390px;



	}



	.yj ul li:nth-child(3) {



    border: none;



}



	.content--c5>div{



		display: none;



	}.syc1 {



    width: 50%;



    float: left;



}



	.nang2{



		display: block;



	}



	.nang1{



		display: none;



	}



	.syc6{



		width: 100%;



	}



	.xwf h2 {



    text-align: center;



		font-size: 28px;}



	.xwf h6



	



	{font-size: 18px;}.owl-carousel{







	width: 95%;}



}



.sywh3{



	display: none;



}



@media screen and (max-width: 767px){



	



	.ptm-85 {



    padding-top: 35px;



    padding-bottom: 35px;



}.sywh1 {



    margin-bottom: 15px;



}.sywh1 img {



  height: 55px;



}



	.sywh3{



		display: block;



	}.sywh2{



		display: none;



	}



	



	.news_list_met_m1156_3_6 .info-only a span{



		margin-top: 10px!important;



	}



	.jssb h4 {



    font-size: 20px;



    margin-bottom: 0px;



    padding-bottom: 5px;



}







	.syxwz img {



  margin: 0 auto;float: none;



	}.gd{



		margin-top: 15px;



	}



	.syxwz {



    width: 100%;



	}.syxwy {



    width: 100%;padding-right: 20px;



	}



	.news_list_met_m1156_3_6 .info-only{



		max-width: 100%!important;



	}



	.window-box {



		height: 1000px!important;



	}







}







@media screen and (max-width: 750px){



	.jj1 iframe{



		    width: 450px!important;



    height: 300px!important;



	}.zz2 {



    width: 95%;



    float: left;



    margin: 0 2.5%;



		margin-bottom: 20px;



    border: 1px solid #000;



}



	



	.cp2 {



    width: 32%;    padding: 30px 20px 20px;



		margin: 0 0.6%;



	margin-bottom: 10px;}



	.cp2:nth-child(4){



		 width: 48.2%;



		margin: 0 0.6%;



		



	}.cp2:nth-child(5){



		 width: 48.2%;



		margin: 0 0.6%;



		



	}.cp2:nth-child(4) img{



		max-width: 182px;



	}.cp2:nth-child(5) img{



		max-width: 182px;



	}



}



@media screen and (max-width: 700px){



	.jj3{



	width: 31.33%;



		float: left;margin: 0 1%;}



	







	tr:nth-child(2) input{



		



		width: 500px!important;



		



	}tr:nth-child(1) input{



		



		width: 235px!important;



		



	}



	.xq4{



		width: 100%;



		



	}.xq5{



		width: 100%;



		



	}



.zz1 {



    width:48.4%;



    float: left;



    margin: 0 0.8%;



    margin-bottom: 30px;



}



	.jcsb{



		width:98%;



    float: left;



    margin: 0 1%;



    margin-bottom: 20px;



	}



}



@media screen and (max-width:659px){







	.footer p a{



		top:0!important;



	}.promo-list .t2 img {







		max-width: 90%;



}



		



	}



	



@media screen and (max-width:650px){



	.xwz5 img{



		height: auto;



	}.xwz6 p{



		height: 55px;



		line-height: 25px;



	}.xwz7{



		



		margin-top: 5px;



	}.xwz5{



		width: 45%;



	}.cp1{



		display: none;



	}.cp2{



		width: 100%;



	}



	.xwz6{



		width:52%;



		padding-left: 5px;



		padding-right: 5px;



		float: right;



	



	}.xwz6 h4{



		line-height: 33px;



		font-size: 20px;



		height: 33px;



		overflow: hidden;



	}.xwz5{



		min-height: 125px;



		overflow: hidden;



	}.xwz3{



	



		margin-top: 20px;



	}



	.xwz3:nth-child(1){



		margin-top: 40px;



	}



	.lxxwz{



		display: none;



	}



	.products{



		padding-top: 0;



		margin-top: 20px!important;



	}.lxwmz{



		padding-top: 0;



	}



	.bann img{



		width: 1000px!important;max-width: 1000px!important;margin-left: calc(50% - 500px)!important;



	}.bann1 img{



		width: 1000px!important;max-width: 1000px!important;margin-left: calc(50% - 680px)!important;



	}



	.jx .w25 {



		width: calc(100% / 2);    margin-top: 10px;}



	.syyq1 h3 {



    font-size: 26px;



    margin-top: 0;



    line-height: 35px;



	}.gsjj{



		padding-bottom: 20px;



	}



	.gs2 .gd {



    width: 120px;



		



	line-height: 35px;	



	}.gsjj3 {



    margin-top: 25px;



}.f-80 {



    font-size: 40px;



}.gsjj h3 {



    font-size: 24px;



	margin-bottom: 0;



}



	.hw ul li {



    width: 50%;



    float: left;



    padding: 0 10px;



		margin-bottom: 30px;



}.gs2 h4 {







    font-size: 26px;



margin-top: 0;



    line-height: 35px;



	}



	



	.gs2 p{



		 font-size: 14px;







    line-height: 28px;



	}



	.sycp{



		display: none;



	}.sycp3{



		display: block;



	}



	.sycp3 a{



		width: 50%;



		float: left;



	}



	.sycp1{



		width: 100%;



		float: left;



	}.zyyw h4 {



    float: right;



    font-size: 20px;



    padding-right: 20px;



    margin: 10px 0;



}



	.hwz {



    background: #f8faff;



    padding: 50px 0 40px;



}.jj1 h4 {



    text-align: center;



	font-size: 26px;margin-bottom: 20px;margin-top: 0px;}



	.zyyw h2{



		font-size: 26px;



	}.cp h4{



		font-size: 26px;



	}.zyyw h2{



		margin-bottom: 0;



	}.zyyw h4{



		margin-top: 0;



	}



}







@media screen and (max-width:600px){



	.cpbt4{



		margin-bottom: 30px;



	}



	.cpbt3 .col-md-4 {



    width: 48%;



    margin: 0 1%;



    float: left;



    margin-bottom: 20px;



}



	.hwz {



    background: #f8faff;



    padding: 20px 0 10px;



	}.hw ul li img{



		width: 110px;



	}.cdl{



		padding: 0;



	}



	.cdl ul {



    padding: 0px 0%;



}.cdl ul li {



    float: left;



	font-size: 20px;}



	.text-span span{display:block;font-size: 22px;}



		.jj3{



			width:90%;



	margin: 0 5%;



		margin-bottom: 20px;



	}.zyyw .gd{



		margin-top: 10px;



	}



	.cp2 h5 {



    text-align: center;



				font-size: 24px;}



	.gs2 h4{



		font-size: 22px;



	}



	.zyyw h2{



		font-size: 24px;



	}



	.jj2 {



    margin: 50px 0 50px;



}



	.yf H2 {



    text-align: center;



		margin-bottom: 0;



		font-size: 30px;}



	.yf H5 {



    text-align: center;



		font-size: 20px;}



	.gs2 .gd {



    margin-top: 10px;



}



}







@media screen and (max-width: 580px) {







		tr:nth-child(2) input{



		



		width: 350px!important;



		



	}tr:nth-child(1) input{



		



		width: 160px!important;



		



	}.cp2:nth-child(4) img {



    max-width: 138px;



}.cp2:nth-child(5) img {



    max-width: 138px;



}



	



}



@media screen and (max-width:550px){



	.cpbt h4 {



		font-size: 24px;}



	.qywh {



    padding: 20px 0 0px;



	}.xwz5 img{



		height: 140px;



		width: 220px;



		max-width: 220px;



		margin-left: calc(50% - 110px);



	}



	.xwz2{



		margin-top: 0;



	}



	.cpbt6 p {



    font-size: 16px;



    color: #000;



    text-align: justify;



    line-height: 28px;



	margin-bottom: 10px;



    margin-top: 10px;



}.cpbt h3 {



	font-size: 32px;margin-bottom: 30px;}



	.cp2 h5{



		margin-top: 20px;



	}.zyyw h2 img{



		width: 200px



	}.foot {



  



    padding: 10px 0 30px;



}.gg3 .pb30 {



    margin: 0 1%;



}.cpbt2 ul li{



		width: 47%;



		text-align: center;



		margin: 0 1.5%;



		float: left



	}.cpbt1 {



    margin-top: 20px;



}



.box3 .title {



    color: #fff;



    font-size: 20px!important;



}



.cpbt {



    padding: 30px 0;



}



	



}



@media screen and (max-width:480px){



.gsjj11{



		padding: 30px 20px;



		padding-bottom: 50px;



	}



}







@media screen and (max-width:450px){



	.sywh{



		display: none;



	}



	.jj1 iframe{



		    width: 370px!important;



    height: 300px!important;



	}



	.yj{



		display: none;



	}.cp2 h5 {



    text-align: center;



    font-size: 20px;



}.cp2:nth-child(4) img {



    max-width: 90px;



}.cp2:nth-child(5) img {



    max-width:90px;



}.cp .gd{



	display: block; margin-top: 15px;



	}.zyyw {



		padding: 30px 0 0px;}



	.gs {



    padding: 30px 0 0px;



}.cp {



    padding: 15px 0;



}.window-box {



    height: 950px!important;



	}



	.sysjd{



		display: none;



	}canvas{



		display: none;



	}.syng{



		display: none;



	}



}











@media screen and (max-width:420px){



	.cp2 h5 {



    text-align: center;



    font-size: 18px;



}.cp2:nth-child(4) img {



    max-width: 80px;



}.cp2:nth-child(5) img {



    max-width:80px;



}.cp2 {



    width: 32%;



	padding: 20px 15px 10px;height: 177px;}



	.cp2 h5 {



    margin-top: 10px;



}.td1:nth-child(3){



	width: 100%;



		margin: 0 0%;



	}.td1:nth-child(3) .td2 p {



    min-height: 35px;



	}.xq5 ul{



		width: 320px;



	}.sp_logo img {



    height: 50px;



}



.sp_logo {



    padding: 5px 15px;



}







}







@media screen and (max-width: 400px) {



tr:nth-child(2) input{



		



		width: 330px!important;



		



	}tr:nth-child(1) input{



		



		width: 150px!important;



		



	}



	}







@media screen and (max-width: 380px) {



	.cp2 {



    height: 155px;}



}



.w{



	width: 1200px;



	overflow: hidden;



	margin: 0 auto;



}



.gy{



	width: 100%;



	position: relative;



	margin-top: 0px;



}



.gy01{



	position: absolute;



	top: -30px;



	left: 0px;



}



.gy02{



	margin: 0 10%;



	margin-top: 60px;



	width: 80%;



	padding: 100px 0px;



	background-color: none;



}



.gy02 p{



	color: white;



	text-align: left;



	font-size: 16px;



}



.gy03{



	float: left;



margin-top: -40px;



	padding-bottom: 50px;



}



.gy03 div:nth-child(1){



	position: absolute;



	top: 80%;



	left: 0;



}



.gyfl{



	position: absolute;



	top: 80%;



	left: calc(100% - 400px);



}



.gyfl div{



	position: relative;



	width: 22.5%;



	margin-right: 2.5%;



	float: left;



}



.gyfl div img:nth-child(2){



	position: absolute;



	top: 0px;



	left: 0px;



	width: 80%;



	margin: 0 10%;



	margin-top: 10px;



}



.gyfl div:nth-child(1){



	margin-top: 30px;



}



.gyfl div img:nth-child(1){



	    transition: all 0.5s linear;



}



.gyfl div:hover img:nth-child(1){



	transform: rotate(180deg);



}



.gyfl div:nth-child(3){



	margin-top: 30px;



}



@media (max-width:1250px){



	.w{



	width: 900px;



	overflow: hidden;



	margin: 0 auto;



}



.gy{



	width: 100%;



	position: relative;



	margin-top: 0px;



}



.gy01{



	position: absolute;



	top: -30px;



	left: 0px;



}



.gy02{



	margin: 0 10%;



	margin-top: 60px;



	width: 80%;



	padding: 80px 100px 100px;



	background-color: none;



}



.gy02 p{



	color: white;



	text-align: left;



	font-size: 16px;



}



.gy03{



	float: left;



margin-top: -40px;



	padding-bottom: 50px;



}



.gy03 div:nth-child(1){



	position: absolute;



	top: 80%;



	left: 0;



}



.gyfl{



	position: absolute;



	top: 80%;



	left: calc(100% - 400px);



}



.gyfl div{



	position: relative;



	width: 22.5%;



	margin-right: 2.5%;



	float: left;



}



.gyfl div img:nth-child(2){



	position: absolute;



	top: 0px;



	left: 0px;



	width: 80%;



	margin: 0 10%;



	margin-top: 10px;



}



.gyfl div:nth-child(1){



	margin-top: 30px;



}



.gyfl div img:nth-child(1){



	    transition: all 0.5s linear;



}



.gyfl div:hover img:nth-child(1){



	transform: rotate(180deg);



}



.gyfl div:nth-child(3){



	margin-top: 30px;



}



}



@media (max-width:950px){



	.w{



	width: 80%;



	overflow: hidden;



	margin: 0 10%;



}



.gy{



	width: 100%;



	position: relative;



	margin-top: 0px;



}



.gy01{



	position: absolute;



	top: -30px;



	left: 0px;



}



.gy02{



	margin: 0 10%;



	margin-top: 60px;



	width: 80%;



	padding: 10px;



	background-color: none;



}



.gy02 p{



	color: white;



	text-align: left;



	font-size: 14px;



}



.gy03{



	float: left;



margin-top: -40px;

display: none;

	padding-bottom: 50px;



}



.gy03 div:nth-child(1){



	position: absolute;



	top: 80%;



	left: 0;



}



.gyfl{



	position: absolute;



	top: 80%;



	left: 0px;



}



.gyfl div{



	position: relative;



	width: 22.5%;



	margin-right: 2.5%;



	float: left;



}



.gyfl div img:nth-child(2){



	position: absolute;



	top: 0px;



	left: 0px;



	width: 80%;



	margin: 0 10%;



	margin-top: 10px;



}



.gyfl div:nth-child(1){



	margin-top: 0px;



}



.gyfl div img:nth-child(1){



	    transition: all 0.5s linear;



}



.gyfl div:hover img:nth-child(1){



	transform: rotate(180deg);



}



.gyfl div:nth-child(3){



	margin-top: 0px;



}



}

@media (max-width:600px){



	.w{



	width: 98%;



	overflow: hidden;



	margin: 0 1%;



}



.gy{



	width: 100%;



	position: relative;



	margin-top: 0px;



}



.gy01{



	position: absolute;



	top: -70px;



	left: 0px;



}



.gy02{



	margin: 0 1%;



	margin-top: 60px;



	width: 98%;



	padding: 30px;



	background-color: none;



}



.gy02 p{



	color: white;



	text-align: left;



	font-size: 14px;



}



.gy03{



	float: left;



margin-top: -40px;



	padding-bottom: 50px;



}



.gy03 div:nth-child(1){



	position: absolute;



	top: 80%;



	left: 0;



}



.gyfl{



	position: absolute;



	top: 100%;



	left: 0px;



}



.gyfl div{



	position: relative;



	width: 24%;



	margin-right: .5%;



	float: left;



}



.gyfl div img:nth-child(2){



	position: absolute;



	top: 0px;



	left: 0px;



	width: 80%;



	margin: 0 10%;



	margin-top: 10px;



}



.gyfl div:nth-child(1){



	margin-top: 0px;



}



.gyfl div img:nth-child(1){



	    transition: all 0.5s linear;



}



.gyfl div:hover img:nth-child(1){



	transform: rotate(180deg);



}



.gyfl div:nth-child(3){



	margin-top: 0px;



}



}



.sl{



	width: 100%;



}



.sl div{



	width: 48%;



	margin: 0 1%;



	margin-bottom: 30px;



	float: left;



	position: relative;



}



.sl div img{



	width: 100%;



}



.sl div img:nth-child(2){



	position: absolute;



	top: 0px;



	left: 0px;



	opacity: 0;







}



.sl div:hover img:nth-child(2){



	position: absolute;



	top: 0px;



	left: 0px;



	opacity: 1;



	



}

@media (max-width:600px){

	.sl{



	width: 100%;

margin-top: 60px;

}



.sl div{



	width: 98%;



	margin: 0 1%;



	margin-bottom: 30px;



	float: left;



	position: relative;



}



.sl div img{



	width: 100%;



}

	.sl div:nth-child(1){

		display: none;

	}

.sl div img:nth-child(2){



	position: absolute;



	top: 0px;



	left: 0px;



	opacity: 0;







}



.sl div:hover img:nth-child(2){



	position: absolute;



	top: 0px;



	left: 0px;



	opacity: 1;



	



}

}



.sp{



	position: relative;



	width: 100%;



	height: 955px;



}



.sp iframe{



	position: absolute;



	top: 0px;



	left: 0px;



}



.lx{



	width: 1200px;



	position: absolute;



	top: 200px;



	left: calc((100% - 1200px) / 2);



	



}



.lx img:nth-child(2){



	margin-top: 100px;



}

.lx img:nth-child(3){



	display: none;



}

.new02{

	display: none;

}

@media (max-width:600px){

	.lx{

		width: 100%;

		position: absolute;



	top: 100px;



	left:0;

	}

	.lx img{

		width: 100%;

	}

		.lx img:nth-child(2){



	display: none;



}

	.lx img:nth-child(3){



	margin-top: 30px;

		display: block;



}

	.new01{

		display: none;

	}

	.new02 {

		display: block;

		width: 98%;

		margin: 0 1%;

	}

	.new02 div{

		width: 48%;

		margin: 0 1%;

		float: left;

		margin-top: 10px;

	}

		.new02 div:nth-child(5){

		width: 98%;

		margin: 0 1%;

			margin-top: 10px;

		float: left;

	}

	.new02 div img{

		width: 100%;

	}

}

.banner{

	margin: 0 auto;

	display: inline-block;

	width: 100%;
	overflow: hidden;

}

.banner img{

	width: 100%;

}

/******************************************************关于我们*****************************************************/

.width{

	width: 1300px;

	margin: 0 auto;

 }

.about01{

	width: 100%;

	margin: 0 auto;

	background-color: #f5f5f5;

	padding-top: 60px;

	padding-bottom: 60px;

}

.gy_tit{

	width: 84%;

	margin: 0 auto;

	

}

.gy_tit h2{

	text-align: center;

	color: #009ae9;

	font-size: 30px;

	font-weight:550;

}

.gy_tit p{

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	margin-top: 30px;

	font-size: 16px;

	color: black;

}

.about02{

	width: 100%;

	margin:  0 auto;

	margin-top: 30px;

	background-color: white;

}

.gy04{

	width: 50%;

	float: left;

	overflow: hidden;

}

.gy04 img{

	width: 100%;

	transition: .5s;

}

.gy04:hover img{

	transform: scale(1.1);

}

.gy05{

	width: 50%;

	float: right;

}

.gy_list01{

	width: 100%;

}

.gy_list01 div:nth-child(1){

	width: 50%;

	float: left;

	overflow: hidden;

}

.gy_list01 div:nth-child(2){

	width: 50%;

	float: right;

	overflow: hidden;

}

.gy_list01 div img{

	width: 100%;

	transition: .5s;

	overflow: hidden;

}

.gy_list01 div:hover img{

	transform: scale(1.1);

}

.gy_list01 div h4{

	text-align: center;

	font-size: 20px;

	color: black;

	margin: 0 auto;

	margin-top: 60px;

	transition: .5s;

}

.gy_list01 div:hover h4{

	color: #0099e8;

}

.gy_list01 div p{

	padding: 30px;

	font-size: 16px;
color: #000;
	text-align: center;

}

.about03{

	margin-top: 60px;

}

.gy_tit02{

	width: 560px;

	margin: 0 auto;

	

}

.gy_tit02 h2{

	text-align: center;

	color: #009ae9;

	font-size: 30px;

	font-weight:550;

}

.gy_tit02 p{

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	margin-top: 30px;

	font-size: 16px;

	color: black;

}

.gy_list02{

	width: 50%;

	float: left;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy04.png) 0 0 no-repeat;

	padding-bottom: 60px;

}

.gy_list02 h4{

	font-size: 20px;

	color: white;

	text-align: center;

	margin: 0 auto;

	margin-top: 60px;

}

.gy_list02 p{

	text-align: center;

	padding: 0 100px;

	color: white;

	font-size: 14px;

	line-height: 24px;

	margin-top: 30px;

}

.gy_list02 h6{

	font-weight: normal;

	color: white;

	text-align: center;

	border: 1px solid white;

	width: 100px;
line-height: 24px;
	margin-top: 30px;

}

.gy_list03{

	width: 50%;

	float: right;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;

}

.gy_list03{

	width: 50%;

	float: left;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy04.png) 0 0 no-repeat;

	padding-bottom: 60px;

}

.gy_list03 h4{

	font-size: 20px;

	color: white;

	text-align: center;

	margin: 0 auto;

	margin-top: 60px;

}

.gy_list03 p{

	text-align: center;

	padding: 0 100px;

	color: white;

	font-size: 14px;

	line-height: 24px;

	margin-top: 30px;

}

.gy_list03 h6{

	font-weight: normal;

	color: white;

	text-align: center;

	border: 1px solid white;
line-height: 24px;
	width: 100px;

	margin-top: 30px;

}

.gy_list03{

	width: 50%;

	float: right;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;

}

@media(max-width:1350px){

	.width{

	width: 950px;

	margin: 0 auto;

 }

.about01{

	width: 100%;

	margin: 0 auto;

	background-color: #f5f5f5;

	padding-top: 60px;

	padding-bottom: 60px;

}

.gy_tit{

	width: 84%;

	margin: 0 auto;

	

}

.gy_tit h2{

	text-align: center;

	color: #009ae9;

	font-size: 30px;

	font-weight:550;

}

.gy_tit p{

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	margin-top: 30px;

	font-size: 16px;

	color: black;

}

.about02{

	width: 100%;

	margin:  0 auto;

	margin-top: 30px;

	background-color: white;

}

.gy04{

	width: 50%;

	float: left;

	overflow: hidden;

}

.gy04 img{

	width: 100%;

	transition: .5s;

}

.gy04:hover img{

	transform: scale(1.1);

}

.gy05{

	width: 50%;

	float: right;

}

.gy_list01{

	width: 100%;

}

.gy_list01 div:nth-child(1){

	width: 50%;

	float: left;

	overflow: hidden;

}

.gy_list01 div:nth-child(2){

	width: 50%;

	float: right;

	overflow: hidden;

}

.gy_list01 div img{

	width: 100%;

	transition: .5s;

	overflow: hidden;

}

.gy_list01 div:hover img{

	transform: scale(1.1);

}

.gy_list01 div h4{

	text-align: center;

	font-size: 20px;

	color: black;

	margin: 0 auto;

	margin-top: 30px;

	transition: .5s;

}

.gy_list01 div:hover h4{

	color: #0099e8;

}

.gy_list01 div p{

	padding: 15px;

	font-size: 16px;

	text-align: center;

}

.about03{

	margin-top: 60px;

}

.gy_tit02{

	width: 560px;

	margin: 0 auto;

	

}

.gy_tit02 h2{

	text-align: center;

	color: #009ae9;

	font-size: 30px;

	font-weight:550;

}

.gy_tit02 p{

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	margin-top: 30px;

	font-size: 16px;

	color: black;

}

.gy_list02{

	width: 50%;

	float: left;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy04.png) 0 0 no-repeat;

	padding-bottom: 60px;

}

.gy_list02 h4{

	font-size: 20px;

	color: white;

	text-align: center;

	margin: 0 auto;

	margin-top: 60px;

}

.gy_list02 p{

	text-align: center;

	padding: 0 100px;

	color: white;

	font-size: 14px;

	line-height: 24px;

	margin-top: 30px;

}

.gy_list02 h6{

	font-weight: normal;

	color: white;

	text-align: center;

	border: 1px solid white;

	width: 100px;

	margin-top: 30px;

}

.gy_list03{

	width: 50%;

	float: right;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;

}

.gy_list03{

	width: 50%;

	float: left;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy04.png) 0 0 no-repeat;

	padding-bottom: 60px;

}

.gy_list03 h4{

	font-size: 20px;

	color: white;

	text-align: center;

	margin: 0 auto;

	margin-top: 60px;

}

.gy_list03 p{

	text-align: center;

	padding: 0 100px;

	color: white;

	font-size: 14px;

	line-height: 24px;

	margin-top: 30px;

}

.gy_list03 h6{

	font-weight: normal;

	color: white;

	text-align: center;

	border: 1px solid white;

	width: 100px;

	margin-top: 30px;

}

.gy_list03{

	width: 50%;

	float: right;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;

}

}

@media(max-width:1000px){

	.width{

	width: 650px;

	margin: 0 auto;

 }

.about01{

	width: 100%;

	margin: 0 auto;

	background-color: #f5f5f5;

	padding-top: 60px;

	padding-bottom: 60px;

}

.gy_tit{

	width: 84%;

	margin: 0 auto;

	

}

.gy_tit h2{

	text-align: center;

	color: #009ae9;

	font-size: 30px;

	font-weight:550;

}

.gy_tit p{

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	margin-top: 30px;

	font-size: 16px;

	color: black;

}

.about02{

	width: 100%;

	margin:  0 auto;

	margin-top: 30px;

	background-color: white;

}

.gy04{

	width: 50%;

	float: left;

	overflow: hidden;

	display: none;

}

.gy04 img{

	width: 100%;

	transition: .5s;

}

.gy04:hover img{

	transform: scale(1.1);

}

.gy05{

	width: 100%;

	float: right;

}

.gy_list01{

	width: 100%;

}

.gy_list01 div:nth-child(1){

	width: 50%;

	float: left;

	overflow: hidden;

}

.gy_list01 div:nth-child(2){

	width: 50%;

	float: right;

	overflow: hidden;

}

.gy_list01 div img{

	width: 100%;

	transition: .5s;

	overflow: hidden;

}

.gy_list01 div:hover img{

	transform: scale(1.1);

}

.gy_list01 div h4{

	text-align: center;

	font-size: 20px;

	color: black;

	margin: 0 auto;

	margin-top: 30px;

	transition: .5s;

}

.gy_list01 div:hover h4{

	color: #0099e8;

}

.gy_list01 div p{

	padding: 15px;

	font-size: 16px;

	text-align: center;

}

.about03{

	margin-top: 60px;

}

.gy_tit02{

	width: 560px;

	margin: 0 auto;

	

}

.gy_tit02 h2{

	text-align: center;

	color: #009ae9;

	font-size: 30px;

	font-weight:550;

}

.gy_tit02 p{

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	margin-top: 30px;

	font-size: 16px;

	color: black;

}

.gy_list02{

	width: 100%;

	float: left;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy04.png) 0 0 no-repeat;

	padding-bottom: 60px;

}

.gy_list02 h4{

	font-size: 20px;

	color: white;

	text-align: center;

	margin: 0 auto;

	margin-top: 60px;

}

.gy_list02 p{

	text-align: center;

	padding: 0 100px;

	color: white;

	font-size: 14px;

	line-height: 24px;

	margin-top: 30px;

}

.gy_list02 h6{

	font-weight: normal;

	color: white;

	text-align: center;

	border: 1px solid white;

	width: 100px;

	margin-top: 30px;

}

.gy_list03{

	width: 100%;

	float: right;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;

}

.gy_list03{

	width: 100%;

	float: left;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy04.png) 0 0 no-repeat;

	padding-bottom: 60px;

}

.gy_list03 h4{

	font-size: 20px;

	color: white;

	text-align: center;

	margin: 0 auto;

	margin-top: 60px;

}

.gy_list03 p{

	text-align: center;

	padding: 0 100px;

	color: white;

	font-size: 14px;

	line-height: 24px;

	margin-top: 30px;

}

.gy_list03 h6{

	font-weight: normal;

	color: white;

	text-align: center;

	border: 1px solid white;

	width: 100px;

	margin-top: 30px;

}

.gy_list03{

	width: 100%;

	float: right;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;

}

}

@media(max-width:700px){

	.banner{

		width: 100%;

	}

	.banner img{

		margin-left: -50%;

	width: 200%;

}

	.width{

	width: 100%;

	margin: 0 auto;

 }

.about01{

	width: 100%;

	margin: 0 auto;

	background-color: #f5f5f5;

	padding: 0 2%;

	padding-top: 60px;

	padding-bottom: 60px;

}

.gy_tit{

	width: 84%;

	margin: 0 auto;

	

}

.gy_tit h2{

	text-align: center;

	color: #009ae9;

	font-size: 30px;

	font-weight:550;

}

.gy_tit p{

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	margin-top: 30px;

	font-size: 16px;

	color: black;

}

.about02{

	width: 100%;

	margin:  0 auto;

	margin-top: 30px;

	background-color: white;

}

.gy04{

	width: 50%;

	float: left;

	overflow: hidden;

	display: none;

}

.gy04 img{

	width: 100%;

	transition: .5s;

}

.gy04:hover img{

	transform: scale(1.1);

}

.gy05{

	width: 100%;

	float: right;

}

.gy_list01{

	width: 100%;

}

.gy_list01 div:nth-child(1){

	width: 50%;

	float: left;

	overflow: hidden;

}

.gy_list01 div:nth-child(2){

	width: 50%;

	float: right;

	overflow: hidden;

}

.gy_list01 div img{

	width: 100%;

	transition: .5s;

	overflow: hidden;

}

.gy_list01 div:hover img{

	transform: scale(1.1);

}

.gy_list01 div h4{

	text-align: center;

	font-size: 20px;

	color: black;

	margin: 0 auto;

	margin-top: 15px;

	transition: .5s;

}

.gy_list01 div:hover h4{

	color: #0099e8;

}

.gy_list01 div p{

	padding: 10px;

	font-size: 14px;

	text-align: center;

}

.about03{

	width: 96%;

	margin: 0 2%;

	margin-top: 60px;

}

.gy_tit02{

	width: 84%;

	margin: 0 auto;

	

}

.gy_tit02 h2{

	text-align: center;

	color: #009ae9;

	font-size: 30px;

	font-weight:550;

}

.gy_tit02 p{

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	margin-top: 30px;

	font-size: 16px;

	color: black;

}

.gy_list02{

	width: 100%;

	float: left;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy04.png) 0 0 no-repeat;
background-size: 100% 100%;
	padding-bottom: 60px;

}

.gy_list02 h4{

	font-size: 20px;

	color: white;

	text-align: center;

	margin: 0 auto;

	margin-top: 60px;

}

.gy_list02 p{

	text-align: center;

	padding: 0 100px;

	color: white;

	font-size: 14px;

	line-height: 24px;

	margin-top: 30px;

}

.gy_list02 h6{

	font-weight: normal;

	color: white;

	text-align: center;

	border: 1px solid white;

	width: 100px;

	margin-top: 30px;

}

.gy_list03{

	width: 100%;

	float: right;

	margin-top: 30px;
background-size: 100% 100%;
	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;

}

.gy_list03{

	width: 100%;

	float: left;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy04.png) 0 0 no-repeat;
background-size: 100% 100%;
	padding-bottom: 60px;

}

.gy_list03 h4{

	font-size: 20px;

	color: white;

	text-align: center;

	margin: 0 auto;

	margin-top: 60px;

}

.gy_list03 p{

	text-align: center;

	padding: 0 100px;

	color: white;

	font-size: 14px;

	line-height: 24px;

	margin-top: 30px;

}

.gy_list03 h6{

	font-weight: normal;

	color: white;

	text-align: center;

	border: 1px solid white;

	width: 100px;

	margin-top: 30px;

}

.gy_list03{

	width: 100%;

	float: right;

	margin-top: 30px;

	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;
background-size: 100% 100%;
}

}



/******************************************************页尾*****************************************************/

.bottom_bg{

	background-color: #0099e8;

	width: 100%;

	margin-top: 60px;

}

.bottom{

	padding-top: 60px;

	padding-bottom: 60px;

}

.bottom div:nth-child(1){

	width: 30%;

	float: left;

}

.bottom div:nth-child(1) h2{

	margin: 0 auto;

	color: white;

	font-weight: normal;

	font-size: 26px;

	margin-bottom: 20px;

}

.bottom div:nth-child(1) p{

	margin-top: 10px;

	color: white;

}

.bottom div:nth-child(2){

	width: 14%;

	float: left;

}

.bottom div:nth-child(2) h3{

	margin: 0 auto;

	color: white;

	margin-bottom: 20px;

	font-size: 20px;

}

.bottom div:nth-child(2) p{

	color: white;

	margin-top: 10px;

}

.bottom div:nth-child(3){

	width: 14%;

	float: left;

}

.bottom div:nth-child(3) h3{

	margin: 0 auto;

	color: white;

	margin-bottom: 20px;

	font-size: 20px;

}

.bottom div:nth-child(3) p{

	color: white;

	margin-top: 10px;

}

.bottom div:nth-child(4){

	width: 14%;

	float: left;

}

.bottom div:nth-child(4) h3{

	margin: 0 auto;

	color: white;

	margin-bottom: 20px;

	font-size: 20px;

}

.bottom div:nth-child(4) p{

	color: white;

	margin-top: 10px;

}

.bottom div:nth-child(5){

	width: 14%;

	float: left;

}

.bottom div:nth-child(5) h3{

	margin: 0 auto;

	color: white;

	margin-bottom: 20px;

	font-size: 20px;

}

.bottom div:nth-child(5) p{

	color: white;

	margin-top: 10px;

}

.bottom div:nth-child(6){

	width: 14%;

	float: left;

}

.bottom div:nth-child(6) img{

	width: 100%;

}

.copy{

	width: 100%;

		background-color: #0099e8;

	border-top: 1px solid white;

}

.copy p{

	text-align: center;

	color: white;

	line-height: 50px;

}

@media (max-width:700px){

	.bottom_bg{

	background-color: #0099e8;

	width: 100%;

	margin-top: 60px;

}

.bottom{

	padding-top: 60px;

	padding-bottom: 60px;

}

.bottom div:nth-child(1){

	width: 80%;

	margin: 0 10%;

	float: left;

}

.bottom div:nth-child(1) h2{

	margin: 0 auto;

	color: white;

	font-weight: normal;

	font-size: 26px;

	margin-bottom: 20px;

}

.bottom div:nth-child(1) p{

	margin-top: 10px;

	color: white;

}

.bottom div:nth-child(2){

	width: 14%;

	float: left;

	display: none;

}

.bottom div:nth-child(2) h3{

	margin: 0 auto;

	color: white;

	margin-bottom: 20px;

	font-size: 20px;

}

.bottom div:nth-child(2) p{

	color: white;

	margin-top: 10px;

}

.bottom div:nth-child(3){

	width: 14%;

	float: left;display: none;

}

.bottom div:nth-child(3) h3{

	margin: 0 auto;

	color: white;

	margin-bottom: 20px;

	font-size: 20px;

}

.bottom div:nth-child(3) p{

	color: white;

	margin-top: 10px;

}

.bottom div:nth-child(4){

	width: 14%;display: none;

	float: left;

}

.bottom div:nth-child(4) h3{

	margin: 0 auto;

	color: white;

	margin-bottom: 20px;

	font-size: 20px;

}

.bottom div:nth-child(4) p{

	color: white;

	margin-top: 10px;

}

.bottom div:nth-child(5){

	width: 14%;display: none;

	float: left;

}

.bottom div:nth-child(5) h3{

	margin: 0 auto;

	color: white;

	margin-bottom: 20px;

	font-size: 20px;

}

.bottom div:nth-child(5) p{

	color: white;

	margin-top: 10px;

}

.bottom div:nth-child(6){

	width: 14%;display: none;

	float: left;

}

.bottom div:nth-child(6) img{

	width: 100%;

}

.copy{

	width: 100%;

		background-color: #0099e8;

	border-top: 1px solid white;

}

.copy p{

	text-align: center;

	color: white;

	line-height: 50px;

}

}

/******************************************************发展历程*****************************************************/

.lc01{

	width: 25%;

	float: left;



}



.lc02{

	width: 70%;

	float: right;

	

	margin-left: 5%;

	border-left: 1px solid rgba(150,150,150,1.00);

}

.lc02 div:nth-child(1){

	width: 7%;

	float: left;

	

}

.lc02 div:nth-child(1) img{

	float: left;

	margin-left: -5px;

	margin-top: 50px;

}

.lc02 div:nth-child(2){

	width: 93%;

	float: right;

}

.lc_list{

	width: 100%!important;

	background-color: #f2f2f2;

	padding: 50px;

	transition: .5s;

	margin-bottom: 30px;

}

.lc_list h2{

	color: #0099e8;

	font-weight: normal;

	transition: .5s;

}

.lc_list:hover{

	background-color: #0099e8;

	color: white;

}

.lc_list:hover h2{



	color: white;

}

@media(max-width:1350px){

	.lc01{

	width: 25%;

	float: left;



}

	.lc01 img{

		width: 100%;

	}

.lc02{

	width: 70%;

	float: right;

	

	margin-left: 5%;

	border-left: 1px solid rgba(150,150,150,1.00);

}

.lc02 div:nth-child(1){

	width: 7%;

	float: left;

	

}

.lc02 div:nth-child(1) img{

	float: left;

	margin-left: -5px;

	margin-top: 50px;

}

.lc02 div:nth-child(2){

	width: 93%;

	float: right;

}

.lc_list{

	width: 100%!important;

	background-color: #f2f2f2;

	padding: 50px;

	transition: .5s;

	margin-bottom: 30px;

}

.lc_list h2{

	color: #0099e8;

	font-weight: normal;

	transition: .5s;

}

.lc_list:hover{

	background-color: #0099e8;

	color: white;

}

.lc_list:hover h2{



	color: white;

}

}

@media(max-width:700px){

	.lc01{

	width: 25%;

	float: left;

		display: none;



}

	.lc01 img{

		width: 100%;

	}

.lc02{

	width: 96%;

	float: right;

	

	margin: 0 2%;

	border-left: 1px solid rgba(150,150,150,1.00);

}

.lc02 div:nth-child(1){

	width: 4%;

	float: left;

	

}

.lc02 div:nth-child(1) img{

	float: left;

	margin-left: -5px;

	margin-top: 50px;

}

.lc02 div:nth-child(2){

	width: 96%;

	float: right;

}

.lc_list{

	width: 100%!important;

	background-color: #f2f2f2;

	padding: 50px;

	transition: .5s;

	margin-bottom: 30px;

}

.lc_list h2{

	color: #0099e8;

	font-weight: normal;

	transition: .5s;

}

.lc_list:hover{

	background-color: #0099e8;

	color: white;

}

.lc_list:hover h2{



	color: white;

}

}

/*产品*/

.cp_t{

	width: 100%;

	margin: 0 auto;

	margin-bottom: 30px;

}

.cp_t a{

	text-align: center;

	color: black;

	background-color: #ececec;

	display: inline-block;

	padding: 5px 15px;

	font-size: 16px;

	margin: 0 8px;

}

.cp_t a:hover{

	text-align: center;

	color: white;

	background-color: #0099e8;

	display: inline-block;

	padding: 5px 15px;

	font-size: 16px;

	margin: 0 8px;

}

@media (max-width:700px){

	.cpbt{



	margin-top: 0px;



}

	.cp_t{

	width: 100%;

	margin: 0 auto;

	margin-bottom: 30px;

}

.cp_t a{

	text-align: center;

	color: black;

	background-color: #ececec;

	display: inline-block;

	padding: 5px 10px;

	font-size: 14px;

	margin: 0 4px;

}

.cp_t a:hover{

	text-align: center;

	color: white;

	background-color: #0099e8;

	display: inline-block;

	padding: 5px 15px;

	font-size: 16px;

	margin: 0 8px;

}

}

.cp_zs{

	width: 100%;

	background: url(/public/static/modules/cms/images/cp_bg.png) 0 0 no-repeat;
	padding-left: 15%;
	padding-right: 15%;

	padding-top: 160px;

	padding-bottom: 60px;

}
.cp_js table tr td{
	text-align: left!important;
}
.cp_js table tr:hover{
	background-color: #f2f2f2;
}
.cp_zs div{

	width: 50%;

	

}

.cp_zs div:nth-child(1){

	float: left;

}

.cp_zs div:nth-child(1) img{

	margin: 0 auto;
background-color: white;
}

.cp_zs div:nth-child(2){

	float: right;

	padding: 0 50px;

}

.cp_zs div h2{

	color: #0099e8;

	font-size: 30px;

	margin: 0 auto;

	font-weight: normal;

}

.cp_zs div h4{

	font-weight: normal;

	margin: 0 auto;

	margin-top: 20px;

	margin-bottom: 20px;

	font-size: 18px;

	color: black;

}

.cp_b{

	width: 100%;

	background-color: #0099e8;

	color: white;

}

.cp_b h2{

	text-align: center;

	font-weight: normal;

	line-height: 80px;

}

@media (max-width:1350px){

	.cp_zs{

	width: 100%;

	background: url(/public/static/modules/cms/images/cp_bg.png) 0 0 no-repeat;
		padding-left: 5%;
		padding-right: 5%;

	padding-top: 160px;

	padding-bottom: 60px;

}

.cp_zs div{

	width: 50%;

	

}

.cp_zs div:nth-child(1){

	float: left;

}

.cp_zs div:nth-child(1) img{

	margin: 0 auto;

}

.cp_zs div:nth-child(2){

	float: right;

	padding: 0 50px;

}

.cp_zs div h2{

	color: #0099e8;

	font-size: 30px;

	margin: 0 auto;

	font-weight: normal;

}

.cp_zs div h4{

	font-weight: normal;

	margin: 0 auto;

	margin-top: 20px;

	margin-bottom: 20px;

	font-size: 18px;

	color: black;

}

.cp_b{

	width: 100%;

	background-color: #0099e8;

	color: white;

}

.cp_b h2{

	text-align: center;

	font-weight: normal;

	line-height: 80px;

}

}

@media (max-width:1000px){

	.cp_zs{

	width: 100%;

	background: url(/public/static/modules/cms/images/cp_bg.png) 0 0 no-repeat;
		padding-left: 0px;
		padding-right: 0px;

	padding-top: 160px;

	padding-bottom: 60px;

}

.cp_zs div{

	width: 50%;

	

}

.cp_zs div:nth-child(1){

	float: left;

}

.cp_zs div:nth-child(1) img{

	margin: 0 auto;

}

.cp_zs div:nth-child(2){

	float: right;

	padding: 0 50px;

}

.cp_zs div h2{

	color: #0099e8;

	font-size: 30px;

	margin: 0 auto;

	font-weight: normal;

}

.cp_zs div h4{

	font-weight: normal;

	margin: 0 auto;

	margin-top: 20px;

	margin-bottom: 20px;

	font-size: 18px;

	color: black;

}

.cp_b{

	width: 100%;

	background-color: #0099e8;

	color: white;

}

.cp_b h2{

	text-align: center;

	font-weight: normal;

	line-height: 80px;

}

}

@media (max-width:700px){

	.cp_zs{

	width: 100%;

	background: url(/public/static/modules/cms/images/cp_bg.png) 0 0 no-repeat;

		background-size: 100% 100%;

	padding-top: 120px;

	padding-bottom: 60px;
		overflow: hidden;

}

.cp_zs div{

	width: 100%;

	

}

.cp_zs div:nth-child(1){

	float: left;

	width: 100%;
	padding: 0px 10px;

}

.cp_zs div:nth-child(1) img{

	margin: 0 auto;
max-width: 100%;
}

.cp_zs div:nth-child(2){

	float: right;

	width: 100%;

	margin-top: 30px;

	padding: 0 10px;

}

.cp_zs div h2{

	color: #0099e8;

	font-size: 24px;

	margin: 0 auto;

	font-weight: normal;

}

.cp_zs div h4{

	font-weight: normal;

	margin: 0 auto;

	margin-top: 20px;

	margin-bottom: 20px;

	font-size: 18px;

	color: black;

}

.cp_b{

	width: 100%;

	background-color: #0099e8;

	color: white;

}

.cp_b h2{

	text-align: center;

	font-weight: normal;

	line-height: 80px;

}

}

/*服务案例*/

.anli{

	width: 69%;

	margin: 0 auto;

	margin-top: 60px;

}

.anli div:nth-child(even) .anli_img{

	float: right;

	margin-left: 40px;

}

.anli div:nth-child(odd) .anli_img{

	float: left;

	margin-right: 40px;

}

.anli div{

	

	background-color: #f2f2f2;

}

.al_b{

	margin-bottom: 40px;

}

.anli_img{

	width: 50%;

	overflow: hidden;

	height: 300px;

	position: relative;

}

.anli_img img{

	transition: .5s all;

	

}
.anli_img img:nth-child(1){
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}
.anli_img:hover img{

	transform: scale(1.05);

}

.anli_js {

	

}

.anli_js h2{

	font-size: 24px;

	padding-bottom: 20px;

	padding-top: 40px;

	padding-left: 40px;

	color: black;

}



.anli_js p{

	margin-top: 0px;

	padding: 0 40px;

	font-size: 14px;

	line-height: 24px;

	color: black;

}

.anli_js a{

	color: black;

	display: block;

	padding-top: 30px;

	padding-bottom: 0px;

}

@media (max-width:1270px){

	.anli{

	width: 85%;

	margin: 0 auto;

}

.anli div:nth-child(even) .anli_img{

	float: right;

	margin-left: 40px;

}

.anli div:nth-child(odd) .anli_img{

	float: left;

	margin-right: 40px;

}

.anli div{

	

	background-color: white;

}

.anli_img{

	width: 50%;

	overflow: hidden;

	height: 300px;

	

}

.anli_img img{

	transition: .5s all;

	

}

.anli_img:hover img{

	transform: scale(1.05);

}

.anli_js {

	

}

.anli_js h2{

	font-size: 24px;

	padding-bottom: 20px;

	padding-top: 40px;

	padding-left: 40px;

	color: black;

}



.anli_js p{

	margin-top: 0px;

	padding: 0 40px;

	font-size: 14px;

	line-height: 24px;

	color: black;

}

.anli_js a{

	color: black;

	display: block;

	padding-top: 30px;

	padding-bottom: 0px;

}

}

@media (max-width:900px){

	.anli{

	width: 85%;

	margin: 0 auto;

}

.anli div:nth-child(even) .anli_img{

	float: none;

	margin-left: 0px;

}

.anli div:nth-child(odd) .anli_img{

	float: none;

	margin-right: 0px;

}

.anli div{

	

	background-color: white;

}

.anli_img{

	width: 100%;

	overflow: hidden;

	height: auto;

	

}

.anli_img img{

	transition: .5s all;

	width: 100%;

}

.anli_img:hover img{

	transform: scale(1.05);

}

.anli_js {

	

}

.anli_js h2{

	font-size: 24px;

	padding-bottom: 20px;

	padding-top: 40px;

	padding-left: 40px;

	color: black;

}



.anli_js p{

	margin-top: 0px;

	padding: 0 40px;

	font-size: 14px;

	line-height: 24px;

	color: black;

}

.anli_js a{

	color: black;

	display: block;

	padding-top: 30px;

	padding-bottom: 0px;

}

}

@media (max-width:700px){

	.anli{

	width: 96%;

	margin: 0 2%;

	

}

.anli div:nth-child(even) .anli_img{

	float: none;

	margin-left: 0px;

}

.anli div:nth-child(odd) .anli_img{

	float: none;

	margin-right: 0px;

}

.anli div{

	margin-top: 30px;

	background-color: #f2f2f2;

}

.anli_img{

	width: 100%;

	overflow: hidden;

	height: auto;

	

}

.anli_img img{

	transition: .5s all;

	width: 100%;

}

.anli_img:hover img{

	transform: scale(1.05);

}

.anli_js {

	

}

.anli_js h2{

	font-size: 24px;

	padding-bottom: 20px;

	padding-top: 0px;

	padding-left: 10px;

	padding-right: 10px;

	color: black;

}



.anli_js p{

	margin-top: 0px;

	padding: 0 10px;

	font-size: 14px;

	line-height: 24px;

	color: black;

}

.anli_js a{

	color: black;

	display: block;

	padding-top: 30px;

	padding-bottom: 0px;

}

}

/************************************新闻动态*************************************/

.new_lei{

	width: 100%;

	margin: 0 auto;

	margin-bottom: 60px;

	background-color: #0099e8;

}

.new_lei a{

	display: inline-block;

	font-size: 16px;

	padding: 20px 30px;

}

.new_lei a:hover{

	

	font-size: 16px;

	padding: 20px 30px;

	color: #0099e8;

	background-color: white;

}

.new{

	width: 100%;

	margin: 0 auto;

	margin-top: 40px;

}

.new div:nth-child(1){

	width: 10%;

	float: left;

	background-color: #0099e8;

	border-radius: 10px;

	overflow: hidden;
	transition: .5s;

}
.new:hover div:nth-child(1){

	width: 10%;

	float: left;

	background-color: red;

	border-radius: 10px;

	overflow: hidden;

}

.new div:nth-child(1) h1{

	text-align: center;

	color: white;

	font-size: 40px;

	padding: 30px 0px;

}

.new div:nth-child(1) p{

	padding: 0px 5px;

	background-color: rgba(0,0,0,0.3);

	text-align: center;

	color: white;
line-height: 30px;
}

.new div:nth-child(2){

	width: 25%;

	float: left;

	padding: 0 20px;
overflow: hidden;
}

.new div:nth-child(2) img{

	width: 100%;

	transition: .5s;
	overflow: hidden;

}


.new div:nth-child(3){

	width: 65%;

	float: left;

}

.new div:nth-child(3) h2{

	font-weight: normal;

	color: #0099e8;

	font-size: 26px;

}

.new div:nth-child(3) p{

	line-height: 24px;

	font-size: 14px;

	margin-top: 16px;

}

.new div:nth-child(3) h6{

	font-weight: normal;

	margin: 0 auto;

	padding-left: 30px;

	font-size: 14px;

	background: url(/public/static/modules/cms/images/yj.png) 0 6px no-repeat;

	margin-top: 10px;

}

@media (max-width:1000px){

	.new_lei{

	width: 100%;

	margin: 0 auto;

	margin-bottom: 60px;

	background-color: #0099e8;

}

.new_lei a{

	display: inline-block;

	font-size: 16px;

	padding: 20px 30px;

}

.new_lei a:hover{

	

	font-size: 16px;

	padding: 20px 30px;

	color: #0099e8;

	background-color: white;

}

.new{

	width: 100%;

	margin: 0 auto;

	margin-top: 40px;

}

.new div:nth-child(1){

	width: 10%;

	float: left;

	background-color: #0099e8;

	border-radius: 10px;

	overflow: hidden;

	display: none;

}

.new div:nth-child(1) h1{

	text-align: center;

	color: white;

	font-size: 40px;

	padding: 30px 0px;

}

.new div:nth-child(1) p{

	padding: 0px 5px;

	background-color: rgba(0,0,0,0.3);

	text-align: center;

	color: white;

}

.new div:nth-child(2){

	width: 35%;

	float: left;

	padding: 0 20px;

	

}

.new div:nth-child(2) img{

	width: 100%;

	

}

.new div:nth-child(3){

	width: 65%;

	float: left;

}

.new div:nth-child(3) h2{

	font-weight: normal;

	color: #0099e8;

	font-size: 26px;

}

.new div:nth-child(3) p{

	line-height: 24px;

	font-size: 14px;

	margin-top: 16px;

}

.new div:nth-child(3) h6{

	font-weight: normal;

	margin: 0 auto;

	padding-left: 30px;

	font-size: 14px;

	background: url(/public/static/modules/cms/images/yj.png) 0 6px no-repeat;

	margin-top: 10px;

}

}

@media (max-width:700px){

	.new_lei{

	width: 100%;

	margin: 0 auto;

	margin-bottom: 30px;

	background-color: #0099e8;

}

.new_lei a{

	display: inline-block;

	font-size: 14px;

	padding: 20px 8px;

}

.new_lei a:hover{

	

	font-size: 16px;

	padding: 20px 30px;

	color: #0099e8;

	background-color: white;

}

.new{

	width: 96%;

	margin: 0 2%;

	margin-top: 40px;

	background-color: #f2f2f2;

}

.new div:nth-child(1){

	width: 100%;

	float: left;

	background-color: #0099e8;

	border-radius: 10px;

	overflow: hidden;

	display: none;

}

.new div:nth-child(1) h1{

	text-align: center;

	color: white;

	font-size: 40px;

	padding: 30px 0px;

}

.new div:nth-child(1) p{

	padding: 0px 5px;

	background-color: rgba(0,0,0,0.3);

	text-align: center;

	color: white;

}

.new div:nth-child(2){

	width: 100%;

	float: left;

	padding: 0 0px;

	

}

.new div:nth-child(2) img{

	width: 100%;

	

}

.new div:nth-child(3){

	width: 100%;

	float: left;

	padding: 10px;

}

.new div:nth-child(3) h2{

	font-weight: normal;

	color: #0099e8;

	font-size: 26px;

}

.new div:nth-child(3) p{

	line-height: 24px;

	font-size: 14px;

	margin-top: 16px;

}

.new div:nth-child(3) h6{

	font-weight: normal;

	margin: 0 auto;

	padding-left: 30px;

	font-size: 14px;

	background: url(/public/static/modules/cms/images/yj.png) 0 6px no-repeat;

	margin-top: 10px;

}

}

/************************************联系我们*************************************/

.lx_bg{

	background-color: #f2f2f2;

	width: 100%;

	margin-top: 30px;

	padding: 40px;

}

.lx01{

	width: 100%;

	margin: 0 auto;

	background: url(/public/static/modules/cms/images/line02.png) 0 13.5px no-repeat;

}

.lx01 h2{

	text-align: center;

	color:  #0099e8;

	width: 400px;

	background-color: #f2f2f2;

margin-left: calc((100% - 400px) / 2);

}



.lx02 div:nth-child(1){

	width: 48%;

	background-color: white;

	padding: 40px;

	float: left;

	margin-top: 30px;

	height: 280px;

}

.lx02 div:nth-child(2){

	width: 48%;

	padding: 40px;

	background-color: white;

	float: right;

	margin-top: 30px;

	height: 280px;

}

@media (max-width:1350px){

	.lx_bg{

	background-color: #f2f2f2;

	width: 100%;

	margin-top: 30px;

	padding: 40px;

}

.lx01{

	width: 100%;

	margin: 0 auto;

	background: url(/public/static/modules/cms/images/line02.png) 0 13.5px no-repeat;

}

.lx01 h2{

	text-align: center;

	color:  #0099e8;

	width: 400px;

	background-color: #f2f2f2;

margin-left: calc((100% - 400px) / 2);

}



.lx02 div:nth-child(1){

	width: 48%;

	background-color: white;

	padding: 40px;

	float: left;

	margin-top: 30px;

	height: 280px;

}

.lx02 div:nth-child(2){

	width: 48%;

	padding: 40px;

	background-color: white;

	float: right;

	margin-top: 30px;

	height: 280px;

}

	.lx02 div:nth-child(2) img{

		width: 100%;

	}

}

@media (max-width:700px){

	.lx_bg{

	background-color: #f2f2f2;

	width: 100%;

	margin-top: 30px;

	padding: 40px;

}

.lx01{

	width: 100%;

	margin: 0 auto;

	background: url(/public/static/modules/cms/images/line02.png) 0 13.5px no-repeat;

}

.lx01 h2{

	text-align: center;

	color:  #0099e8;

	width: 400px;

	background-color: #f2f2f2;

margin-left: calc((100% - 400px) / 2);

}



.lx02 div:nth-child(1){

	width: 96%;

	margin: 0 2%;

	background-color: white;

	padding: 40px;

	float: left;

	margin-top: 30px;

	height: 280px;

}

.lx02 div:nth-child(2){

	width: 96%;

	margin: 0 2%;

	padding: 40px;

	background-color: white;

	float: right;

	margin-top: 30px;

	height: 280px;

}

	.lx02 div:nth-child(2) img{

		width: 100%;

	}

}

/************************************荣誉资质*************************************/

.ry{

	width: 100%;

	margin-top:0px;

}

.ry div{

	width: 31.6%;

	float: left;

	margin-bottom: 30px;

}

.ry div:nth-child(2){

	margin: 0 2.5%;

		margin-bottom: 30px;

}

.ry div:nth-child(5){

	margin: 0 2.5%;

		margin-bottom: 30px;

}

.ry div:nth-child(8){

	margin: 0 2.5%;

	margin-bottom: 30px;

}

.ry div img{

	padding: 10px;

	width: 100%;

	border: 1px solid #bfbfbf;

}

.ry div p{

	text-align: center;

	font-size: 18px;

	margin: 0 auto;

	margin-top: 10px;

}

@media (max-width:1350px){

	.ry{

	width: 100%;

	margin-top: 0px;

}

.ry div{

	width: 31.6%;

	float: left;

		margin-bottom: 30px;

}

.ry div:nth-child(2){

	margin: 0 2.5%;

		margin-bottom: 30px;

}

.ry div:nth-child(5){

	margin: 0 2.5%;

	margin-bottom: 30px;

}

.ry div:nth-child(8){

	margin: 0 2.5%;

		margin-bottom: 30px;

}

.ry div img{

	padding: 10px;

	border: 1px solid #bfbfbf;

}

.ry div p{

	text-align: center;

	font-size: 18px;

	margin: 0 auto;

	margin-top: 10px;

}

}

@media (max-width:700px){

	.ry{

	width: 100%;

	margin-top: 0px;

}

.ry div{

	width: 49%;

	float: left;

		margin-bottom: 30px;

}

.ry div:nth-child(2){

	margin: 0 1%;

		margin-bottom: 30px;

}

.ry div:nth-child(5){

	margin: 0 1%;

		margin-bottom: 30px;
}

.ry div:nth-child(8){

	margin: 0 1%;

		margin-bottom: 30px;

}

.ry div img{

	padding: 10px;

	border: 1px solid #bfbfbf;

}

.ry div p{

	text-align: center;

	font-size: 18px;

	margin: 0 auto;

	margin-top: 10px;

}

}

/************************************研发团队*************************************/

.yf{

	width: 100%;

	margin: 0 auto;

	margin-top: 50px;

}

.yf h2{

	margin: 0 auto;

	color: #0099e8;

	font-weight: normal;

}

.yf h4{

	font-size: 18px;

	color: black;

	text-align: center;

	margin-top: 10px;

}

.yf p{

	margin-top: 10px;

	font-size: 16px;

	text-align: justify;

}

.yf02{

	width: 100%;

	margin-top: 30px;

}

.yf02 div{

	width: 31.6%;

	float: left;

	overflow: hidden;

}

.yf02 div:nth-child(2){

	width: 31.6%;

	margin: 0 2.5%;

}

.yf02 div img{

	width: 100%;

	display: block;

	overflow: hidden;

	transition: .5s;

}

.yf02 div img:hover{

	width: 100%;

	display: block;

	transform: scale(1.05);

}

.yf02 div:nth-child(2) img:nth-child(2){

	width: 100%;

	display: block;

	margin-top: 20px;

}

.yf02 div:nth-child(3) img:nth-child(2){

	width: 100%;

	display: block;

	margin-top: 20px;

}

@media (max-width:700px){

	.yf{

	width: 95%;

	margin: 0 2.5%;

	margin-top: 20px;

}

.yf h2{

	margin: 0 auto;

	color: #0099e8;

	font-weight: normal;

}

.yf h4{

	font-size: 18px;

	color: black;

	text-align: center;

	margin-top: 10px;

}

.yf p{

	margin-top: 10px;

	font-size: 16px;

	text-align: justify;

}

.yf02{

	width: 100%;

	margin-top: 30px;

}

.yf02 div{

	width: 95%;

	margin: 2.5%;

	float: left;

	overflow: hidden;

}

.yf02 div:nth-child(2){

	width: 95%;

	margin: 2.5%;

}

.yf02 div img{

	width: 100%;

	display: block;

	overflow: hidden;

	transition: .5s;

}

.yf02 div img:hover{

	width: 100%;

	display: block;

	transform: scale(1.05);

}

.yf02 div:nth-child(2) img:nth-child(2){

	width: 100%;

	display: block;

	margin-top: 20px;

}

.yf02 div:nth-child(3) img:nth-child(2){

	width: 100%;

	display: block;

	margin-top: 20px;

}

}
.ly{



	width: 100%;



}



.ly h2{



	font-size: 30px;



}



.ly div{



	width: 31.6%;



	float: left;



}



.ly div input{



	width: 100%;



	line-height: 40px;



	padding: 0px 10px;



	border: 1px solid rgba(205,205,205,1.00);



}



.ly div:nth-child(2) input{



	background: url(/public/static/modules/cms/images/online01_icon1.png) 99% -5px no-repeat;



}



.ly div:nth-child(3) input{



	background: url(/public/static/modules/cms/images/online01_icon2.png) 99% -5px no-repeat;



}



.ly div:nth-child(4) input{



	background: url(/public/static/modules/cms/images/online01_icon3.png) 99% -5px no-repeat;



}



.ly div:nth-child(3){



	margin: 0 2.5%;



}



.ly textarea{

font-family: "微软雅黑";

	width: 100%;



	height: 200px;



	margin-top: 30px;



	line-height: 40px;



	padding: 0px 10px;



	background: url(/public/static/modules/cms/images/online01_icon4.png) 99.5% -5px no-repeat;



}



@media (max-width:600px){

	.box-about03{
		margin-top: 0px;
	}

	.ly{



	width: 95%;
margin: 0 2.5%;


}



.ly h2{

padding-top: 20px;

	font-size: 22px;

margin-top: 0px;

}



.ly div{



	width: 100%;



	float: left;



}



.ly div input{



	width: 100%;



	line-height: 40px;



	padding: 0px 10px;



	margin-top: 30px;



	border: 1px solid rgba(205,205,205,1.00);



}



.ly div:nth-child(2) input{



	background: url(/public/static/modules/cms/images/online01_icon1.png) 99% -5px no-repeat;



}



.ly div:nth-child(3) input{



	background: url(/public/static/modules/cms/images/online01_icon2.png) 99% -5px no-repeat;



}



.ly div:nth-child(4) input{



	background: url(/public/static/modules/cms/images/online01_icon3.png) 99% -5px no-repeat;



}



.ly div:nth-child(3){



	margin: 0px;



}



.ly textarea{



	width: 100%;



	height: 200px;



	margin-top: 30px;



	line-height: 40px;



	padding: 0px 10px;



	background: url(/public/static/modules/cms/images/online01_icon4.png) 99.5% -5px no-repeat;



}



}
.head{
	width: 1200px;
}
.nav_menu3,
.nav_menu3 ul,
.nav_menu3 ul li,
.nav_menu3 ul li a,
.nav_menu3 #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav_menu3 #menu-button { 
    margin-top: 100px;
    background: #F00;
    position: absolute;
    z-index: 99999;
}
.nav_menu3:after,
.nav_menu3 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.nav_menu3 #menu-button {
  display: none;
}
.nav_menu3 {
  width: auto;
  line-height: 1;
  background: rgba(0,0,0,0.4);
 background-color: rgba(0,0,0,0.4);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #990B2C;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.nav_menu3 > ul > li {
  float: left;
	width: 12.5%;
}
.nav_menu3.align-center > ul {
  font-size: 0;
  text-align: center;
}
.nav_menu3.align-center > ul > li {
  display: inline-block;
  float: none;
}
.nav_menu3.align-center ul ul {
  text-align: left;
}
.nav_menu3.align-right > ul > li {
  float: right;
}
.nav_menu3.align-right ul ul {
  text-align: right;
}
.nav_menu3 > ul > li > a {
  padding: 30px 10px 29px 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
	font-size: 18px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
 
}
.nav_menu3 > ul > li:hover > a {
  color: #fff;
 
}
.nav_menu3 > ul > li.nav-has-sub > a {
  padding-right: 25px;
}
/*.nav_menu3 > ul > li.nav-has-sub > a::after {
  position: absolute;
  top: 35px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #990B2C;
  border-right: 1px solid #990B2C;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}*/
.nav_menu3 > ul > li.nav-has-sub:hover > a::after {
  border-color: #990B2C;
}
.nav_menu3 ul ul {
  position: absolute;
  left: -9999px;
}
.nav_menu3 > ul > li > ul {    
  border-top: 1px solid #FFF;
}
.nav_menu3 li:hover > ul {
  left: auto;
}
.nav_menu3.align-right li:hover > ul {
  right: 0;
}
.nav_menu3 ul ul ul {
  margin-left: 100%;
  top: 0;
}
.nav_menu3.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
.nav_menu3 ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
.nav_menu3 ul li:hover > ul > li {
  height: auto;
}
.nav_menu3 ul ul li a {
  padding: 20px 20px;
  width: 200px;
  background: #0099e8;
  text-decoration: none;
  color: #fff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-top: 1px solid #0099e8;line-height: 20px;
}
.nav_menu3 ul ul li:hover > a,
.nav_menu3 ul ul li a:hover {
  color: #0099e8;
  background: #FFF;
  border-top: 1px solid #FFF;
}
.nav_menu3 ul ul li.nav-has-sub > a::after {
  position: absolute;
  top: 25px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.nav_menu3.align-right ul ul li.nav-has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.nav_menu3 ul ul li.nav-has-sub:hover > a::after {
  border-color:#0099e8 ;
}
@media (max-width:1200px){
	.head{
	width: 1000px;
}
.nav_menu3,
.nav_menu3 ul,
.nav_menu3 ul li,
.nav_menu3 ul li a,
.nav_menu3 #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav_menu3 #menu-button { 
    margin-top: 100px;
    background: #F00;
    position: absolute;
    z-index: 99999;
}
.nav_menu3:after,
.nav_menu3 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.nav_menu3 #menu-button {
  display: none;
}
.nav_menu3 {
  width: auto;
  line-height: 1;
  background: rgba(0,0,0,0.4);
 background-color: rgba(0,0,0,0.4);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #990B2C;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.nav_menu3 > ul > li {
  float: left;
	width: 14.28%;
}
.nav_menu3.align-center > ul {
  font-size: 0;
  text-align: center;
}
.nav_menu3.align-center > ul > li {
  display: inline-block;
  float: none;
}
.nav_menu3.align-center ul ul {
  text-align: left;
}
.nav_menu3.align-right > ul > li {
  float: right;
}
.nav_menu3.align-right ul ul {
  text-align: right;
}
.nav_menu3 > ul > li > a {
  padding: 30px 10px 29px 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
	font-size: 18px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
 
}
.nav_menu3 > ul > li:hover > a {
  color: #fff;
 
}
.nav_menu3 > ul > li.nav-has-sub > a {
  padding-right: 25px;
}
/*.nav_menu3 > ul > li.nav-has-sub > a::after {
  position: absolute;
  top: 35px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #990B2C;
  border-right: 1px solid #990B2C;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}*/
.nav_menu3 > ul > li.nav-has-sub:hover > a::after {
  border-color: #990B2C;
}
.nav_menu3 ul ul {
  position: absolute;
  left: -9999px;
}
.nav_menu3 > ul > li > ul {    
  border-top: 1px solid #FFF;
}
.nav_menu3 li:hover > ul {
  left: auto;
}
.nav_menu3.align-right li:hover > ul {
  right: 0;
}
.nav_menu3 ul ul ul {
  margin-left: 100%;
  top: 0;
}
.nav_menu3.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
.nav_menu3 ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
.nav_menu3 ul li:hover > ul > li {
  height: 52px;
}
.nav_menu3 ul ul li a {
  padding: 20px 20px;
  width: 160px;
  background: #0099e8;
  text-decoration: none;
  color: #eeeeee;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-top: 1px solid #0099e8;
}
.nav_menu3 ul ul li:hover > a,
.nav_menu3 ul ul li a:hover {
  color: #0099e8;
  background: #FFF;
  border-top: 1px solid #FFF;
}
.nav_menu3 ul ul li.nav-has-sub > a::after {
  position: absolute;
  top: 25px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.nav_menu3.align-right ul ul li.nav-has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.nav_menu3 ul ul li.nav-has-sub:hover > a::after {
  border-color:#0099e8 ;
}
}
@media (max-width:1000px){
	.head{
	width: 1000px;
}
.nav_menu3,
.nav_menu3 ul,
.nav_menu3 ul li,
.nav_menu3 ul li a,
.nav_menu3 #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav_menu3 #menu-button { 
    margin-top: 100px;
    background: #F00;
    position: absolute;
    z-index: 99999;
}
.nav_menu3:after,
.nav_menu3 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.nav_menu3 #menu-button {
  display: none;
}
.nav_menu3 {
  width: auto;
  line-height: 1;
  background: rgba(0,0,0,0.4);
 background-color: rgba(0,0,0,0.4);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	display: none;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #990B2C;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.nav_menu3 > ul > li {
  float: left;
	width: 14.28%;
}
.nav_menu3.align-center > ul {
  font-size: 0;
  text-align: center;
}
.nav_menu3.align-center > ul > li {
  display: inline-block;
  float: none;
}
.nav_menu3.align-center ul ul {
  text-align: left;
}
.nav_menu3.align-right > ul > li {
  float: right;
}
.nav_menu3.align-right ul ul {
  text-align: right;
}
.nav_menu3 > ul > li > a {
  padding: 30px 10px 29px 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
	font-size: 18px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
 
}
.nav_menu3 > ul > li:hover > a {
  color: #fff;
 
}
.nav_menu3 > ul > li.nav-has-sub > a {
  padding-right: 25px;
}
/*.nav_menu3 > ul > li.nav-has-sub > a::after {
  position: absolute;
  top: 35px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #990B2C;
  border-right: 1px solid #990B2C;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}*/
.nav_menu3 > ul > li.nav-has-sub:hover > a::after {
  border-color: #990B2C;
}
.nav_menu3 ul ul {
  position: absolute;
  left: -9999px;
}
.nav_menu3 > ul > li > ul {    
  border-top: 1px solid #FFF;
}
.nav_menu3 li:hover > ul {
  left: auto;
}
.nav_menu3.align-right li:hover > ul {
  right: 0;
}
.nav_menu3 ul ul ul {
  margin-left: 100%;
  top: 0;
}
.nav_menu3.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
.nav_menu3 ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
.nav_menu3 ul li:hover > ul > li {
  height: 52px;
}
.nav_menu3 ul ul li a {
  padding: 20px 20px;
  width: 160px;
  background: #0099e8;
  text-decoration: none;
  color: #eeeeee;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-top: 1px solid #0099e8;
}
.nav_menu3 ul ul li:hover > a,
.nav_menu3 ul ul li a:hover {
  color: #0099e8;
  background: #FFF;
  border-top: 1px solid #FFF;
}
.nav_menu3 ul ul li.nav-has-sub > a::after {
  position: absolute;
  top: 25px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.nav_menu3.align-right ul ul li.nav-has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.nav_menu3 ul ul li.nav-has-sub:hover > a::after {
  border-color:#0099e8 ;
}
}